Netlify React中的高级路由

Question

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

然而，当我从高级路线刷新页面时，例如"/风景/海滩"，它总是将我推回索引页面。在本地，它以前一直运行良好。你知道怎么解决这个问题吗？我的路线目前如下所示：

在索引中.js

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

在应用程序中.js

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

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

Answer 1

当我创建一个 React 应用程序并将其部署在 Netlify 上时，我遇到了与您相同的问题。 基于此解决方案，这就是对我有用的方法：

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

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

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

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