解决 vue-cli 打包项目后出现空白页面的坑！
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径，解决的办法也是非常简单，将config/index.js 中的 assetsPublicPath 修改为空 ‘’，默认值为 ‘/’。 ...
原文：vue-cli创建项打包后打开页面为空白的问题解决
. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f 调试，全是css，js路径引用错误的问题。 解决：到config文件夹中打开index.js文件。 文件里面有两个assetsPublicPath属性，更改第一个，也就是更改b ...
2019-05-31 13:22 0 4163 推荐指数：
相关推荐
vue-cli项目启动后只能通过localhost访问，无法通过ip访问的问题解决
1、找到项目根目录下的config/index.js文件 2、打开文件，找到host：'localhost',改为host：'0.0.0.0' 3、保存后后重启项目就可以在局域网内通过ip访问项目了 ...
vue-cli 4.0 中打包后，页面空白，路径错误。打包报错：baseUrl is not allowed
在使用vue-cli 4.0的时候，npm run build的后，打开dist文件夹，打开index.html后，页面空白，控制台报错。如下图： 解决办法： 在项目中添加vue.config.js文件，内容如下： 第一次尝试： 打包报错： ERROR ...
Vue.js踩坑记录：vue-cli 3.0 项目打包后页面空白
新建一个项目，使用vue-cli 3.0进行构建，使用了vux和vue-router，本地运行时是没有问题的，但是在打包之后，页面就一片空白，打开控制台会看到是各种资源引用出错。 这是因为webpack的配置不对，只需要将webpack的配置修改一下就好。 vue-cli 3.0 内置 ...
提高首屏页面加载速度，解决vue-cli打包后单个文件过大的问题
本教程是针对vue-cli3以上的版本，其实原理都大同小异，这个demo为vue-cli直接创建的项目，并在main.js中引入了echart、element-ui、lodash 首先看demo打包后生成的文件大小，这个demo里面什么业务都没写、仅仅引入了几个包 ...
vue-cli 2.x 打包后页面空白，Element-UI 图标不显示
打包完后出现空白页 修改：config 文件下的 index.js，大概在46行左右 原：assetsPublicPath:'' 改：assetsPublicPath:'./' Element-UI 图标不显示 修改：build 文件夹下的 utils.js，大概在51行左右 ...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath，它的值为‘/’。意思是根目录，这时会从index.html所在的硬盘的根目录下开始查找，自然无法找到。 解决办法：改为‘./’这时就不再是绝对路径的根目录了，而是改为了相对路径，同目录下进行 ...
解决vue-cli 打包后静态资源路径不对的问题
项目基于vue-cli搭建的，都会自动配置一些打包的参数。在实际项目中，可能会用到static下的静态图片。 打包出来后，图片加载错误。查看图片路径发现有双层的static/css/static/images。很明显是打包的时候，路径配置的不对。 可以通过添加publicPath ...