今天遇到了一个问题,在跳转路径的时候报404的bug,以为是react-router的问题,最终发现其实是webpackDevServer,需要配置historyApiFallback: true。可能正常大家在开发项目的时候都会直接去使用脚手架,但如果自己配置的话就会踩很多坑,在使用单页面spa应用的时候无论请求任何路径,都去请求根路径:
devServer: {
port: 9000,
historyApiFallback: true,
},
这样无论请求任何路径,都可以统一拿到html文件,进而请求获取js文件,在前端匹配路由展示对应的页面,也就不会报404的问题。