如何把 React.js 專案部署到伺服器?

阿新 • • 發佈：2021-01-01

React.js 是什麼?

React 起源於 Facebook 的內部專案，因為當時市場上的 JavaScript MVC 框架都滿足不了 Facebook 的要求，所以內部製作了一套框架，主用在 Instagram (被Facebook收購的一款圖片社交App) 的網站上。後來於 2013年5月開源，所有人都可以使用。

21雲盒提供了極簡單的 React.js 部署方法，你可以在21雲盒子上通過以靜態網頁環境的方式進行部署。

環境	`靜態網頁`
構建命令	`yarn && yarn build`
釋出目錄	`./build`

如果對上描文字描述不清晰，可以參考以下實際操作示頻:

原因 1: 方便

21雲盒子創立至今，在國內第一家真正提供了像 Netlify, Heroku 等輕鬆部署的功能，同時也保證了服務的速度和穩定性。每個雲服務專案，只需要在首次完成 2 項配置，後續當你Git Push程式碼，21雲盒子就會幫你完成自動部署。

原因 2: 21雲盒子穩定，提供網站備案方案

如果你的網站現在使用的是 Netlify, Vercel, Gatsby Cloud等服務，國內使用者將沒辦法訪問。

為什麼呢? 根據國家工信部的要求，所有在國內上線的網站都必先完成備案，但國外的雲服務平臺不提供國內的的備案，所以部署在國外的雲服務平臺，或許能暫時訪問，但長遠來看，會非常不穩定。

原因 3: 國內極速訪問

再好的服務，如果開啟速度太慢，還是沒辦法使用的。在21雲盒子上部署的雲服務，一鍵實現部署全國各地的CDN節點。以面是和國外各大服務比較的案例：

原部落格文章來自: 21雲盒子官方部落格
https://www.21yunbox.com/blog/solutions/how-to-deploy-reactjs-project-in-production-server.html