在React JS中使用react build强制重新加载页面时找不到404

ani*_*dhu 0 reactjs react-router

硬重装页面时出现“未找到”错误,但工作正常,我用build正常重装。这是我的路由器标签。我没有使用createBrowserHistory。是问题吗?

<Router basename={process.env.PUBLIC_URL}>
           <Switch >
          <div >
            <Navbar />
            <Route exact path="/" component={HomeComponent} />
            <Route exact path="/score/:id" component={ScoreComponent} />
            <Route exact path="/login" component={LoginComponent} />
            <Route exact path="/forgotPassword" component={ForgotPasswordComponent} />
          </div> 
          </Switch >
      </Router>
Run Code Online (Sandbox Code Playgroud)

ani*_*dhu 5

我可以通过以下.htaccess代码解决此问题

<IfModule mod_rewrite.c>
  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_URI} !=/favicon.ico
  RewriteRule ^ index.html [L]
</IfModule>
Run Code Online (Sandbox Code Playgroud)

  • 这么有用的答案,我一直在寻找这个解决方案。非常感谢 (2认同)