在Netlify部署React的Browser Router,不要出現#井字Hash的方式,其他單頁式網頁也適用

Netlify是一個部署前端網頁的好選擇,光是免費方案就有100GB可以使用,一個帳號可以部署多個網站,在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上,讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。

一個腳本快速使用Parcel建立React、Router、Redux、Bootstrap立刻進行前端網頁開發

想要快速建立一個React專案時,可以使用npx create-react-app這個工具來快速建立,還可以決定template,但是想要使用Parcel的話可能有點麻煩,因此我寫了一個腳本可以快速建立所需的資料夾與檔案。使用NPM、Visual Studio Code與本篇文章內的初始化腳本即可快速開始進行開發囉。