Vue项目打包后打开index.html空白问题

问题描述：Vue项目打包后，在dist文件夹中打开index.html，浏览器显示一片空白。

解决方案：在项目中找到vue.config.js文件，添加如下代码：

module.exports = {   publicPath: process.env.NODE_ENV === 'production' ? './' : '/'  }

之后再进行 npm run build打包。

此时打开index.html。网站可以正常显示。

但是点击网页中任何路由链接都会出现网页出现问题的报错。

解决方案：在项目中路由文件夹下的index.js文件，将路由模式中的‘history’注释掉。

重复打包操作。

此时，打开index.html。点击网页中任何路由链接，路由组件也可以正常显示了。