在使用vue cli . 的时候，npm run build的后，打开dist文件夹，打开index.html后，页面空白，控制台报错。如下图： 解决办法： 在项目中添加vue.config.js文件，内容如下： 第一次尝试： 打包报错： ERROR Invalid options in vue.config.js: baseUrl is not allowed 第二次尝试： 这边有一个坑，在vu ...
2019-11-01 17:13 0 2929 推荐指数：
cli3.0 解决办法： Failed to load resource: net::ERR_FILE_NOT_FOUND 打开dist/index.html， 引入是有问题的， 在vue-cli 3.0 创建的项目中是找不到webpack的配置文件，因为vue-cli ...
最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另外一种是部署到服务器的子目录下 1.我们首先来说部署到根目录下 就是比如：www.****.com 找到 ...
新建一个项目，使用vue-cli 3.0进行构建，使用了vux和vue-router，本地运行时是没有问题的，但是在打包之后，页面就一片空白，打开控制台会看到是各种资源引用出错。 这是因为webpack的配置不对，只需要将webpack的配置修改一下就好。 vue-cli 3.0 内置 ...
vue-cli项目打包： 1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js ...
vue-cli项目打包： 1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js ...
1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。 解决 ...
打包完后出现空白页 修改：config 文件下的 index.js，大概在46行左右 原：assetsPublicPath:'' 改：assetsPublicPath:'./' Element-UI 图标不显示 修改：build 文件夹下的 utils.js，大概在51行左右 ...
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径，解决的办法也是非常简单，将config/index.js 中的 assetsPublicPath 修改为空 ‘’，默认值为 ‘/’。 ...
