芯が強い人になるESTJ-A

# 解决vue-cli 3.x打包后空白页面

IT開発 Tags: 无标签 阅读: 198

解决
如果不做任何操作,直接打包出来的index显示内容应该是空白的。
根目录新建:vue.config.js

在项目根部录下,创建 vue.config.js文件,并填入以下内容:

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

这里指定的应该是webpack默认的加载内部文件目录,“./”实际上就是此文件的同级目录,也就是项目根目录。

history

如果你在创建项目时选择了history路由模式,打开Router内的index.js,也就是默认路由的配置文件,把history一行注释掉:

const router = new VueRouter({
 // mode: "history",
 base: process.env.BASE_URL,
 routes
});