vue-cli项目打包出现空白页和路径错误问题
vue-cli项目打包： 1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js ...
原文：vue-cli项目打包出现空白页和路径错误问题
vue cli项目打包： . 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f 调试，全是css，js路径引用错误的问题。 解决：到config文件夹中打开index.js文件。 文件里面有两个assetsPublicPath属性， ...
2017-12-21 11:03 0 1517 推荐指数：
相关推荐
解决 vue-cli 打包项目后出现空白页面的坑！
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径，解决的办法也是非常简单，将config/index.js 中的 assetsPublicPath 修改为空 ‘’，默认值为 ‘/’。 ...
vue cli 3.0 脚手架 实现项目打包（解决项目打包后空白页问题）
写完项目的代码后，项目准备上线 ，可以使用 npm run build 命令 对项目打包。 但是经常出现打包好的项目是空白页的情况。这是因为需要我们手动配置。 解决方法如下 1. 在vue项目的根目录 下创建 一个 vue.config.js文件。 2.在文件中输入 ...
vue-cli打包项目后路径错误问题
一、问题描述 执行 npm run build 命令后，打包生成dist文件夹，访问的时候报如下错误： 二、解决办法 在根目录下，新建 vue.config.js文件，内容如下， 再次打包，顺利访问： ...
vue-cli 3.0生成的项目run build后为空白页
vue-cli 3.0 生成的项目与2.x不同，其中并没有webpack配置文件config/index.js。这个时候需要我们在项目的根目录下创建一个vue.config.js文件，代码如下： 自己看效果的时候，再将路由改为hash模式。就可以直接打开生成的index.html ...
vue-cli 启动项目时空白页面
vue-cli 启动项目时空白页面 在启动项目时 npm run serve / npm run dev 启动 vue 项目空白页；且终端及控制台都未报错 通过各种查阅发现在项目根目录中 vue-config.js 文件中设置了 publicPath ...
vue-cli 4.0 中打包后，页面空白，路径错误。打包报错：baseUrl is not allowed
在使用vue-cli 4.0的时候，npm run build的后，打开dist文件夹，打开index.html后，页面空白，控制台报错。如下图： 解决办法： 在项目中添加vue.config.js文件，内容如下： 第一次尝试： 打包报错： ERROR ...
vue项目发布到服务器之后出现空白页和图片找不到的问题
发布到服务器上之后出现 1、空白页，在config中的index.js文件中找到assetsPublicPath(注意是build里面的)。他的默认值是assetsPublicPath: '/'改成如图所示样子就可以了。（图片找不到的时候也有可能是这里没有改） 2、部分图片找不到，img中 ...