如何在生产中修复React Router 404错误

Question

路由器在我的本地计算机上可用，但是我无法通过生产环境中的登录屏幕。我得到了404 - File or directory not found.

net / callback？code = c_FJL3txY1QZk6l_＆state = lLBGkLyhwluUMs08r4nmRxAH22nYQj3L

身份验证有效，登录后出现错误，我可以在Auth0上看到我已登录系统，但是当我键入（在404之后，而不是上面的URL）http://my-site.net/#/board时，它将重定向到{{1 }}。

http://my-site.net/#/login

"homepage": "http://my-site.net/"

我的route.js

export const AUTH_CONFIG = {
  domain: 'dev-o00fke8o.eu.auth0.com',
  clientId: 'dwbY5EkuW2pK16CzIf4AaUCQkEsTKQHQ',
  callbackUrl: 'http://my-site.net/callback'
}

如果通过身份验证，我想重定向到下一个阶段的部分

<Router history={history}>
      <HashRouter>
        <Route
          exact
          path="/"
          render={props => <Login auth={auth} {...props} />}
        />

        <Route
          path="/brand"
          render={props =>
            !auth.isAuthenticated() ? (
              <Redirect to="/login" />
            ) : (
              <Brand auth={auth} {...props} />
            )
          }
        />

        <Route
          path="/board"
          render={props =>
            !auth.isAuthenticated() ? (
              <Redirect to="/login" />
            ) : (
              <Board auth={auth} {...props} />
            )
          }
        />

        <Route
          path="/Profile"
          render={props =>
            !auth.isAuthenticated() ? (
              <Redirect to="/login" />
            ) : (
              <Profile auth={auth} {...props} />
            )
          }
        />

        <Route
          path="/login"
          render={props => <Login auth={auth} {...props} />}
        />
        <Route
          path="/callback"
          render={props => {
            handleAuthentication(props);
            return <Callback {...props} />;
          }}
        />
      </HashRouter>
      </Router>