本地调试react项目中使用webpack作为本地代理browserhistory模式下进入二级页面刷新某些js文件报404
这可能是因为在使用webpack作为本地代理时,没有正确地配置路由。在browserhistory模式下,当用户进入二级页面并刷新时,浏览器会发送一个新的HTTP请求,但是webpack本地代理可能没有正确地处理这个请求,导致某些js文件无法被找到,从而报404错误。
要解决这个问题,可以尝试在webpack配置中添加一个fallback选项,来处理这些404错误。具体方法如下:
-
打开webpack配置文件,找到devServer选项。
-
在devServer选项中添加一个fallback选项,如下所示:
devServer: {
historyApiFallback: true,
contentBase: './',
hot: true,
fallback: {
// 这里可以添加一些处理404错误的代码
}
}
- 在fallback选项中添加处理404错误的代码,例如:
fallback: {
// 当请求404时,返回index.html
index: 'index.html'
}
这样,当用户进入二级页面并刷新时,如果某些js文件无法被找到,webpack会返回index.html,从而避免404错误的发生
原文地址: https://www.cveoy.top/t/topic/cHKl 著作权归作者所有。请勿转载和采集!