在项目打包过程中,有两个坑,一个就是publicPath的路径问题,本人已经靠前人的经验避开了这个坑,下面还是贴一下代码
在vue.config.js中加入以下内容,把路径改为相对路径,即'/'改为'./'
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
还有一个坑比较少看到有人提起,就是router-view不显示,但是控制台也不报错
以下说下具体问题以及解决方案
问题:在没有后端配合的情况下路由模式为history,页面不会重新加载,应该改为hash模式
解决办法:
vue-cli4 vue3.0创建项目时默认的模式为history,即createWebHistory
hash路由为:createWebHashHistory
这样再重新打包,router-view的内容就可以顺利加载出来了