服务器:webpack-dev-server
场景一:在当前单级url刷新时页面变为Cannot GET /xx,url如:localhost:8080/xxx
需要在webpack.config.js
中配置:
module.exports = {
......
devServer: {
...
historyApiFallback: true, // 这句话
},
}
场景二:在当前多级url刷新时页面控制台报错404,url如:localhost:8080/xxx/xxx
还需要配置:
module.exports = {
...
output: {
...
publicPath: '/'
},
}
再试试吧!