reactjs - React js 路由器在部署时无法通过 url 正确路由到页面

Question

我部署了我的 React js 站点。但它无法通过 url 加载页面。

可以加载主页https://cekedu.netlify.app/当我单击“登录”时，它会转到登录页面。

但是我无法通过输入url https://cekedu.netlify.app/login直接进入登录页面.

但它在开发中有效。

从'react'导入React 导入'./css/typicons.min.css' 从'react-dom'导入ReactDOM 从“./components/user”导入用户 从 './components/homeHeader' 导入 header 从 './components/home' 导入 Home 从 'react-router-dom' 导入 {Route, BrowserRouter as Router , Switch,Link}

import './index.css'
import './css/style.css'
import './css/bootstrap-grid.css'      

class App extends React.Component{    
    render(){
      return(
        <Router>          
          <Switch>
          <Route path="/login">
            <User/>
          </Route>
          <Route path="/">
              <Home/>
          </Route>
          </Switch>              
        </Router>
      )
    }
  }

ReactDOM.render(<App />,document.getElementById('root'));

Answer 1

您需要确保所有路径都响应您的 React 应用程序所使用的 index.html 页面。

对于 netlify，请在公共(public)文件夹中创建一个名为“_redirects”的文件并添加该文件。

/* /index.html 200