1

在 netlify 上部署我的 react 应用程序后，我遇到了路由问题。我按照建议使用此代码将 _redirects 文件插入到我的公用文件夹中/* /index.html 200。

然而，当我从高级路线（例如“/sceneries/beach”）刷新页面时，它总是将我推回到索引页面。在本地，它以前一直运行良好。你知道如何解决这个问题吗？我的路线目前看起来像这样：

在 index.js 中

ReactDOM.render((
<Router history={history}>
    <App />
</Router>
), document.getElementById('root'));

在 App.js 中

<BrowserRouter>
          <Route path='/' component ={Home} />
          <Route path='/sceneries/:id' component ={Comparison} />
          <Redirect from="*" to="/" />
      </BrowserRouter>

提前非常感谢！我真的很感激一些帮助！

4

1 回答 1

0

当我创建一个 React 应用程序并将其部署在 Netlify 上时，我遇到了和你一样的问题。基于此解决方案，这对我有用：

  1. netlify.toml在项目的根/主文件夹中创建一个名为的文件。
  2. 在此文件中，添加以下代码：

[[redirects]] from = "/*" to = "/index.html" status = 200

  1. 使用 git add commit push 保存和部署您的网站。
  2. 等待您的站点在 Netlify 上重新部署。
  3. 通过刷新测试您的网站。

如果您有任何其他问题，请告诉我，我很乐意提供帮助 :)

于 2020-06-08T17:39:56.060 回答