webpack5搭建的vue3项目，配置publicPath后，使用history路由模式，出现了新问题——刷新不了，直接访问子路由也不行。
按照网上的方法加上了 historyApiFallback: true
devServer: {
port: 5586, // 服务端口号
compress: false, // gzip压缩,开发环境不开启,提升热更新速度
hot: true, // 开启热更新
historyApiFallback: true, // 解决history路由404问题
static: {
directory: path.join(__dirname, '../public'), //托管静态资源public文件夹
},
},
重启，打开，刷新，变白屏了。。。
好吧，继续百度， 找到这个帖子 https://qa.1r1g.com/sf/ask/2608974371/
依样画葫芦，我也改一改
historyApiFallback: {
index: '/subwebsite/'
}, // 解决history路由404问题
居然好了！😄
又去翻了一下webpack5关于historyApiFallback的文档 https://webpack.docschina.org/configuration/dev-server#devserverhistoryapifallback 好像也没有这样的写法。
总算解决我了的问题，特此记录。
原文始发于微信公众号（自由前端之路）：【已解决】webpack5配置publicPath后，刷新页面404、白屏问题
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/258527.html
