React js路由器在部署时没有通过url正确地路由到页面

Question

我部署了react js站点。但是它不能通过URL加载页面。

但它在发展中起作用。

从'React'导入React“。/css/typicons.min.css”从'react-dom'导入ReactDOM“从'react-dom'导入用户。/components/User”从‘导入Header“。/components/homeheader”从’导入Home“。/components/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 foler中创建一个名为“_redirects”的文件并添加该文件。

/* /index.html 200