解决 vue-cli 打包项目后出现空白页面的坑！
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径，解决的办法也是非常简单，将config/index.js 中的 assetsPublicPath 修改为空 ‘’，默认值为 ‘/’。 ...
原文：Vue.js踩坑记录：vue-cli 3.0 项目打包后页面空白
新建一个项目，使用vue cli . 进行构建，使用了vux和vue router，本地运行时是没有问题的，但是在打包之后，页面就一片空白，打开控制台会看到是各种资源引用出错。 这是因为webpack的配置不对，只需要将webpack的配置修改一下就好。 vue cli . 内置了webpack，并且将vue的配置文件作为了一个可选的配置 创建时没有 ，如果需要修改vue和webpack的配置，则 ...
2019-09-24 14:32 0 3395 推荐指数：
相关推荐
"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误 。vue-cli 3.0 创建的项目，dev下能运行，打包后报错，页面空白 。
cli3.0 解决办法： Failed to load resource: net::ERR_FILE_NOT_FOUND 打开dist/index.html， 引入是有问题的， 在vue-cli 3.0 创建的项目中是找不到webpack的配置文件，因为vue-cli ...
vue-cli 3.0 创建的项目，打包后在服务器无法访问，或是访问呈一片空白
vue-lic3.0默认不会自动创建vue.config.js文件，所以我们需要手动在目录下创建一个（和package.json,README.md等文件同级） vue.config.js的内容： module.exports = { //... baseUrl ...
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打包后自动压缩代码
当我们用vue脚手架做完项目后，npm run build打包之后， 有没有查看源码，全是压缩好的。但是我就不想让它压缩，该怎么办呢？ 困惑了几天，查了各种资料。终于终于... 来，上干货： 首先，我们得了解一点点webpack的知识。 webpack中压缩js 的插件 ...
vue.js - 解决vue-cli打包后自动压缩代码
一.webpack中引入的压缩代码 /build/webpack.prod.conf.js const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') const UglifyJsPlugin ...
vue-cli 2.x 打包后页面空白，Element-UI 图标不显示
打包完后出现空白页 修改：config 文件下的 index.js，大概在46行左右 原：assetsPublicPath:'' 改：assetsPublicPath:'./' Element-UI 图标不显示 修改：build 文件夹下的 utils.js，大概在51行左右 ...
vue-cli创建项打包后打开页面为空白的问题解决
1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。 解决 ...