Vue-cli4项目打包后router-view中的内容不显示的问题解决

2,693 阅读1分钟

在项目打包过程中,有两个坑,一个就是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的内容就可以顺利加载出来了