vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题

问题说明

项目用的是vue-cli3,我是在npm run build以后,打开打包好的文件,结果页面空白,打开console控制台,结果是文件的路径引入错误。

解决

根目录下新建vue-config-js

我们简单一些,不写其他配置项

module.exports = {
  publicPath: "./"
};

修改route配置

在这里插入图片描述

mode: "history",注释掉,这样,默认就使用的hash模式了

记住修改配置项,一定要重新启动或者打包

再次打包,解决


版权声明:本文为Gabriel_wei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。