webpack5搭建的vue3项目,配置publicPath后,使用history路由模式,出现了新问题------刷新不了,直接访问子路由也不行。
按照网上的方法加上了 historyApiFallback: true
js
devServer: {
port: 5586, // 服务端口号
compress: false, // gzip压缩,开发环境不开启,提升热更新速度
hot: true, // 开启热更新
historyApiFallback: true, // 解决history路由404问题
static: {
directory: path.join(__dirname, '../public'), //托管静态资源public文件夹
},
},
重启,打开,刷新,变白屏了。。。
好吧,继续百度, 找到这个帖子 qa.1r1g.com/sf/ask/2608...
依样画葫芦,我也改一改
js
historyApiFallback: {
index: '/catharsist/'
}, // 解决history路由404问题
居然好了!😄
又去翻了一下webpack5关于historyApiFallback
的文档 webpack.docschina.org/configurati... 好像也没有这样的写法。
Anyway,解决我的问题,特此记录。