重新加载我的 React 挂钩页面会导致我的浏览器触发 <noscript> 元素

Question

因为标题已经说明了很多问题，

我刚刚在 React Hook 中开发了一个简单的应用程序，我当前的路由定义为


   <Router>
      <Routes>
        <Route exact path='/' element={<Home/>}/>
        <Route path='/products/:category' element={<ProductBrowsing/>}/>
        <Route path='/productsDetails/:id' element={<ProductDetails/>}/>
        <Route path='/login' element={<Login/>}/>
        <Route path='/register' element={<Register/>}/>
      </Routes>
    </Router>

在我的本地机器上测试所有这些路由，可以通过调用 <Link> 组件或直接通过 URL

在所有页面中导航

当我开始部署我的应用程序并将其放入 VPS 的过程中时，我意识到 <Link> 的调用是可以通过的，除非 /:category 属性不是同样，这会导致页面即使 URL 发生变化也不会加载（并且我传递了很多因此影响页面的参数），所以下一个设想的解决方案是始终刷新页面以强制组件以正确的 URL 加载，但总是当我尝试刷新我的应用程序中的页面时，我会立即从标签返回“您需要启用 JavaScript 到运行这个应用程序。

基本上我无法再浏览我的应用程序，我希望知道为什么

Answer 1

好吧，为了让它在我的情况下起作用，我只需要修改这个问题的常见答案，即进入 package.json 并添加

"homepage": ".",

我所要做的就是更改 .到我已经在 prod

中的应用程序的真实域

重新加载我的 React 挂钩页面会导致我的浏览器触发 <noscript> 元素

Reloading my React hook page causes my browser to trigger <noscript> element

javascript

navigation

reactjs

react-router-dom