nuxt命令和部署

Nuxt.js 提供了一系列常用的命令, 用於開發或發布部署。

 

 你可以將這些命令添加至 package.json：

"scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "generate": "nuxt generate"
}

而實際用nuxt生成的項目中 的命令是：

"scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js",
    "generate": "nuxt generate"
  },

開發模式

可通過以下命令以開發模式啟動帶熱加載特性的 Nuxt 服務：

nuxt
// 或
npm run dev

發布部署

Nuxt.js 提供了兩種發布部署應用的方式：服務端渲染應用部署 和 靜態應用部署。

服務端渲染應用部署

部署 Nuxt.js 服務端渲染的應用不能直接使用 nuxt 命令，而應該先進行編譯構建，然后再啟動 Nuxt 服務，可通過以下兩個命令來完成：

nuxt build
nuxt start

推薦的 package.json 配置如下：

{
  "name": "my-app",
  "dependencies": {
    "nuxt": "latest"
  },
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start"
  }
}

靜態應用部署

Nuxt.js 可依據路由配置將應用靜態化，使得我們可以將應用部署至任何一個靜態站點主機服務商。

利用下面的命令生成應用的靜態目錄和文件：

npm run generate

這個命令會創建一個 dist 文件夾，所有靜態化后的資源文件均在其中。

單頁面應用程序部署 (SPA)

nuxt generate 在 build/generate 時間內仍然需要SSR引擎，同時具有預渲染所有頁面的優勢，並具有較高的SEO優化和頁面加載能力。 內容在構建時生成。例如，我們不能將它用於內容依賴於用戶身份驗證或實時API的應用程序（至少對於第一次加載）。

SPA應用的想法很簡單！ 使用時啟用SPA模式 mode: 'spa' 或 --spa，並且我們運行打包，生成在導報后自動啟動，生成包含常見的meta和資源鏈接，但不包含頁面內容。

因此，對於SPA部署，您必須執行以下操作：

 

 另一種可能的部署方法是在spa模式下將Nuxt用作框架中的中間件。這有助於減少服務器負載，並在無法進行SSR的項目中使用Nuxt。

 

 

。