vue打包后打开页面是空白的问题_vue3打包后打开页面是空白的

作者：繁依Fanyi0 | 2024-03-17 23:20:35

踩

vue3打包后打开页面是空白的

1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。

原因：找到config文件下index.js，全局搜索assetsPublicPath，结果是 assetsPublicPath：' / ' 默认为根目录，而index.html和static是在同一级目录下，因此，解决方法就是 assetsPublicPath：' ./ ' 斜杠前加一个点，表示同一级。如图：

2、页面可以正常打开了，但是vue-router跳转路由页面无法显示，如果你改成了history模式的话，打开也会是一片空白。其实，这个也很简单。

解决方法：打开index.js看路由配置，mode:' hash ' 改这个配置即可，如图：

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