Vue项目打包后打开index.html空白问题_vue脚手架生成的项目中没有index.html

作者：从前慢现在也慢 | 2024-03-17 23:33:11

踩

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。点击网页中任何路由链接，路由组件也可以正常显示了。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/258736

Vue项目打包后打开index.html空白问题_vue脚手架 生成的项目中没有index.html