vue 项目通过 npm run build 打包以后页面找不到内容

顾名思义这是一个路径问题！！！！！

当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console

惊奇的发现一片红

 

更改点一：

此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./',

module.exports = {

publicPath: './', // 执行 npm run build 统一配置路径

}

再次打包 index.html 就会看到你想看到的内容了！！！！

更改点二：

通过 npm run build 对vue项目进行打包，并且部署以后，发现页面一片空白，没有任何内容，而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。 如下图：

 

打开Vue项目路由的配置文件，然后将实例化VueRouter中的配置项 mode: 'history' 注释掉，因为这个导致打包路径出现问题。然后再次进行 npm run build即可。

若需要history需要后端进行配置