在服务器子目录上部署react

时间:2020-05-27 14:14:07

标签: reactjs

我想将我的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}/>

0 个答案:

没有答案