React Router 錯誤：無法通過在 Netlify 上構建來單獨加載除主頁以外的不同 URL

Question

我對反應有點陌生，所以我在我的個人投資組合網站上遇到了一個問題，我不知道如何解決

問題是當我打開我的網站時，它會帶我到我的主頁，這很好，當我從我的主頁 go 到其他頁面時它工作正常但是當我想 go 直接到關於頁面時我無法訪問它。

例如

https://sparsh-saxena.netlify.app/這是我的主頁，如果我輸入 url 它工作正常

但是如果我想打開我的關於頁面或我的投資組合中的任何其他頁面，它不會像這樣工作： https://sparsh-saxena.netlify.app/about

它顯示-> Page Not Found Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

任何幫助，將不勝感激

Answer 1

為了使用 Netlify 支持客戶端路由（這是您的實際目標）。 你需要支持pushState 。

為此，您需要使用以下重寫規則創建一個public/_redirects文件：

/* /index.html 200

現在，當您構建用於部署的項目時，它應該可以正常工作！

長話短說：

• 在 React 項目的public文件夾中創建一個_redirects文件
• 給它以下內容： /* /index.html 200
• 建立你的項目
• 部署到 Netlify