vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题
问题说明
项目用的是vue-cli3,我是在npm run build
以后,打开打包好的文件,结果页面空白,打开console控制台,结果是文件的路径引入错误。
解决
根目录下新建vue-config-js
我们简单一些,不写其他配置项
module.exports = {
publicPath: "./"
};
修改route配置
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200331100122121.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp,size_16,color_FFFFFF,t_70)
吧mode: "history",
注释掉,这样,默认就使用的hash模式了
记住修改配置项,一定要重新启动或者打包
再次打包,解决