Reactjs 部署时,Resact js路由器未通过url正确路由到页面
我部署了我的react js站点。但它不能通过url加载页面 它可以加载主页,当我单击“登录”时,它会进入登录页面 但我不能通过输入url直接进入登录页面 但它在发展中起作用 从“React”导入React 导入“./css/typicons.min.css” 从“react dom”导入react dom 从“./components/User”导入用户 从“./components/homeHeader”导入标题 从“./components/Home”导入主页 从“react Router dom”导入{Route,BrowserRouter作为路由器,交换机,链路}Reactjs 部署时,Resact js路由器未通过url正确路由到页面,reactjs,react-native,react-redux,react-router,react-router-dom,Reactjs,React Native,React Redux,React Router,React Router Dom,我部署了我的react js站点。但它不能通过url加载页面 它可以加载主页,当我单击“登录”时,它会进入登录页面 但我不能通过输入url直接进入登录页面 但它在发展中起作用 从“React”导入React 导入“./css/typicons.min.css” 从“react dom”导入react dom 从“./components/User”导入用户 从“./components/homeHeader”导入标题 从“./components/Home”导入主页 从“react Router
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'));
import./index.css'
导入“./css/style.css”
导入“./css/bootstrap grid.css”
类应用程序扩展了React.Component{
render(){
返回(
)
}
}
ReactDOM.render(,document.getElementById('root'));
您需要确保所有路径都与React应用程序使用的index.html页面相响应
对于netlify,在公共文件夹中创建一个名为“_redirects”的文件,并添加此文件
/* /index.html 200
您也可以尝试在主组件的路径中使用“精确”道具
我尝试过这一点,但在部署的站点中仍然无法工作。