这可能是因为在使用 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 模式下刷新页面导致 404 错误的解决方法

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

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