这可能是因为在使用webpack作为本地代理时,没有正确地配置路由。在browserhistory模式下,当用户进入二级页面并刷新时,浏览器会发送一个新的HTTP请求,但是webpack本地代理可能没有正确地处理这个请求,导致某些js文件无法被找到,从而报404错误。

要解决这个问题,可以尝试在webpack配置中添加一个fallback选项,来处理这些404错误。具体方法如下:

  1. 打开webpack配置文件,找到devServer选项。

  2. 在devServer选项中添加一个fallback选项,如下所示:

devServer: {
  historyApiFallback: true,
  contentBase: './',
  hot: true,
  fallback: {
    // 这里可以添加一些处理404错误的代码
  }
}
  1. 在fallback选项中添加处理404错误的代码,例如:
fallback: {
  // 当请求404时,返回index.html
  index: 'index.html'
}

这样,当用户进入二级页面并刷新时,如果某些js文件无法被找到,webpack会返回index.html,从而避免404错误的发生

本地调试react项目中使用webpack作为本地代理browserhistory模式下进入二级页面刷新某些js文件报404

原文地址: https://www.cveoy.top/t/topic/cHKl 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录