原文:vue-cli打包之后页面为空的问题。

做了一个demo,想看一下打包之后的样子,发现页面是空的。 发现问题就要解决: .首先看控制台没有报任何错误,那就证明我们的代码是没有任何问题的。 只能是路径问题造成的。 .在路由router index.js中加入一个 页面,代码引入创建之类的就不说了。也就是说只要路径错误,Error这个vue组件就会显示 .再打包,发现新增的Error果然出现。 .再次证明是路径问题,想到路由有个mode模式 ...

2017-12-29 11:08 0 4129 推荐指数:

查看详情

vue-cli打包之后的项目在nginx的部署

vue-cli执行 进行打包,生成dist文件夹,把该文件夹下的文件直接复制到nginx服务器目录下,就可打开项目,但是只有首页是可以看到的,再刷新一下就404了,原因是vue的项目为单页应用,路由找不到所致。所以要在nginx服务器配置对所有的路径或者文件夹进行跳转。重定向到首页 ...

Thu Sep 07 23:46:00 CST 2017 0 15795
vue-cli页面应用常遇到的问题

1、TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor 此问题出现在webpack 3中,解决办法很简单,将occurenceOrderPlugin改为OccurrenceOrderPlugin即可 ...

Tue Jul 10 05:29:00 CST 2018 0 2846
vue-cli创建项打包后打开页面为空白的问题解决

1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决 ...

Fri May 31 21:22:00 CST 2019 0 4163
vue-cli -- 打包配置

一、开发环境配置 —— config/dev.env.js 二、生成环境配置 —— config/prod.env.js ...

Thu Apr 04 01:12:00 CST 2019 0 549
解决vue-cli 打包后静态资源路径不对的问题

项目基于vue-cli搭建的,都会自动配置一些打包的参数。在实际项目中,可能会用到static下的静态图片。 打包出来后,图片加载错误。查看图片路径发现有双层的static/css/static/images。很明显是打包的时候,路径配置的不对。 可以通过添加publicPath ...

Sat Dec 08 01:17:00 CST 2018 0 1352
vue-cli项目打包需要修改的路径问题

1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决 ...

Wed Dec 12 23:16:00 CST 2018 0 5774
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM