rt,网上很多方法说在webpack.config.js文件中添加
devServer: {
historyApiFallback: true,
},
但有的项目没有webpack.config.js,此时可以在vue.config.js中进行配置此段代码,效果也是一样的
也可使用正则表达式进行匹配
historyApiFallback:{// 使用正则匹配命中路由rewrites:[// /user 开头的都返回 user.html{from:/^\/user/,to:'/user.html'},{from:/^\/game/,to:'/game.html'},// 其它的都返回 index.html{from:/./,to:'/index.html'},]}
至于为何没有webpack.config.js,可参照
vue项目创建后没有webpack.config.js文件_@是静静啊的博客-CSDN博客_vue项目没有webpack.base.config.js
historyApiFallback的作用:
vue中的historyApiFallback详解_卖菜的小白的博客-CSDN博客_historyapifallback