如何把 Vue.js 項目部署到服務器?

Vue.js 是什么?

Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式 JavaScript 框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

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

如何部署?

1. 注冊成為21雲盒子會員
2. 在 Gitee Fork Vue.js示例
3. 在21雲盒子上創建一個雲服務, 並允許21雲盒子訪問你的代碼庫
4. 用下面配置進行創建

環境	靜態網頁
構建命令	yarn && yarn build
發布目錄	./dist

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

https://www.bilibili.com/video/BV1n54y16758

為什么部署在21雲盒子?

原因 1: 方便

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

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

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

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

原因 3: 國內極速訪問

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

• 21雲盒子 vs Netlify

• 21雲盒子 vs Vercel

• 21雲盒子 vs Heroku

• 21雲盒子 vs Github Pages

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