反應刷新后路線未定義

Question

應用程序.jsx

<Router history={history}>
      <>
        <Switch>
          <Route path="/" exact component={HomePage} />          
          <Route path="/test/:id" exact component={TestPage} /> 
          <Route component={NotFound} />         
        </Switch>
      </>
</Router>

HomePage.jsx 在 render() 中

<Link to="/test/1" >Test link</Link>

當我點擊鏈接時，頁面成功將我重定向到http://localhost:8080/test/1並且我可以看到頁面但是如果我點擊刷新頁面消失了，我只能看到空白屏幕，如果我想從外部訪問它，即如果我直接在瀏覽器上輸入相同的 url，我看不到該頁面，它是空白的。 如何在刷新時管理它並從外部訪問它？

控制台上的消息我刷新了

Answer 1

問題是應用程序無法從您的第二個 url 加載您的 main.js 腳本（它嘗試從 /test/main.js 加載它）。 您需要使用絕對路徑從/而不是/test加載

用這個替換你的腳本標簽（從 /main.js 加載它）： <script type="text/javascript" src="/main.js">

更詳細的解釋可以參考這個答案： https : //stackoverflow.com/a/24028813/3350692