我想将我的react build项目放在服务器/ app文件夹中,我对为Routes设置basename,homepage和{process.env.PUBLIC_URL}非常困惑;当我从头开始尝试该应用程序时,它可以正常工作并重定向到我希望的路径,但是当我刷新浏览器时,它提示我错误404,例如路径不正确;
这是我的索引js:
ReactDOM.render(
<React.StrictMode>
<StylesProvider jss={jss}>
<ThemeProvider theme={theme}>
<Provider store={store}>
<Router basename={'/app'}>
<App />
</Router>
</Provider>
</ThemeProvider>
</StylesProvider>
</React.StrictMode>,
document.getElementById('root')
);
我已经把它放在我的包装上了。杰森
"homepage": "/app"
,并按照以下方式配置了我的路线:
<IsAuthenticated exact path={`${process.env.PUBLIC_URL}/`} component={Authorize}/>
<IsAuthenticated path={`${process.env.PUBLIC_URL}/authorize`} component={Authorize}/>
<PrivateRoute path={`${process.env.PUBLIC_URL}/brands`} component={Brands}/>
<PrivateRoute path={`${process.env.PUBLIC_URL}/profile`} component={Profile}/>
<PrivateRoute path={`${process.env.PUBLIC_URL}/reports`} component={Reports}/>