如何把 Nuxt.js 項目部署到伺服器?

Nuxt.js 官網截圖

Nuxt.js 是什麼?

Nuxt.js 是一個基于 Vue.js 的輕量級應用架構, 可用來建立服務端渲染 (Server Side Rendering, SSR) 應用, 也可充當靜態網頁生成器(Static Site Generator, SSG)生成靜态應用,具有優雅的代碼結構分層和熱加載等特性

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

如何部署?

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

環境	靜态網頁
建構指令	yarn && yarn generate
釋出目錄	./dist

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

如何把 Nuxt.js 部署到伺服器 | 21雲盒子

為什麼部署在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-nuxtjs-project-in-production-server.html