服務端渲染 手動部署 NuxtJs 專案

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

命令描述

nuxt

啟動乙個熱載入的 web 伺服器（開發模式）localhost:3000

nuxt build

利用 webpack 編譯應用，壓縮 js 和 css 資源（發布用）。

nuxt start

以生產模式啟動乙個 web 伺服器 (需要先執行nuxt build)。

nuxt generate

編譯應用，並依據路由配置生成對應的html檔案 (用於靜態站點的部署)。

如果使用了koa/express等 node.js web 開發框架，並使用了nuxt作為中介軟體，可以自定義 web 服 務器的啟動入口：

命令描述

node_env=development nodemon server/index.js

啟動乙個熱載入的自定義 web 伺服器（開發模 式）。

node_env=production node server/index.js

以生產模式啟動乙個自定義 web 伺服器 (需要先執行 nuxt build)。

引數

可以將這些命令新增至package.json：

"scripts"

:

​要將引數傳遞給npm命令，您需要乙個額外的 – 指令碼名稱(例如： npm run dev --引數 --spa)

開發模式

把發布包傳到服務端

ssh root@公網ip

pwd

執行exit命令退出伺服器，或者新開乙個 cmd 視窗，將壓縮包上傳到伺服器

scp .\realworld-nuxtjs.zip root@公網ip:/

/root/realworld-nuxtjs

.\realworld-nuxtjs.zip：上傳的檔案路徑

root@公網ip://root/realworld-nuxtjs：上傳至伺服器的存放位置

安裝依賴

啟動服務

pm2是乙個帶有負載均衡功能的 node 應用程序管理器。

官網文件：

安裝：

npm install --global pm2

配置軟連線，類似於 環境變數

# ln -s pm2 二進位制執行檔案所在路徑 /usr/local/bin(建立軟連線的路徑--環境變數)

ln -s /usr/local/node-v14.15.4-linux-x64/bin/pm2 /usr/local/bin

pm2 start 指令碼路徑

# pm2 start npm -- start

關閉 pm2：

pm2 stop id

# 或pm2 stop name
# pm2 stop 0

pm2 常用命令

命令說明pm2 list

檢視應用列表

pm2 start

啟動應用

pm2 stop

停止應用

pm2 reload

過載應用

pm2 restart

重啟應用

pm2 delete

刪除應用##

服務端渲染or預渲染

今天木有引言嚶嚶嚶 瀏覽器核心分兩個部分 渲染引擎 js引擎 解析html以構建dom樹 構建render樹 布局render樹 繪製render樹 不過有三個點需要注意 雖然能夠很快渲染出頁面，但是沒有執行react時頁面無法進行互動 獲取第乙個位元組時會更加慢一點，由於ssr需要將完整的渲染過的...

Node art template服務端渲染

http 模組 檔案處理模組 var fs require fs 建立服務例項 檔案路徑 var pathdir d hbuiderprojects nodejslearn resoure 監聽客戶端請求 server.on request function req,res console.log ...

服務端渲染總結

1.服務端渲染2個優點 和 缺點 1.1 服務端渲染可以減少白屏時間 服務端渲染，客戶端接收到html，可以直接顯示 客戶端渲染，客戶端接收到html，解析完畢，還要向服務端去請求js檔案，返回後，執行完js，才能顯示完成 因此，服務端渲染，白屏時間短。1.2 服務端渲染利於seo 有清晰的html...