nuxt.js 服務端渲染框架構建的專案部署到伺服器，並用 PM2 守護程式

byteblogs發表於2019-06-02
UXJS服務端框架架構伺服器

最近專案呢用到了nuxt為了seo沒辦法，專案開發完了現在遇到了一個問題咋打包上線，以前我們都是npm build完了之後就把dist包放到web伺服器的工作目錄下面就可以了比如nginx的www目錄下面，但是服務端渲染的不一樣，好了我們們開始配置吧。

第一步 配置 nginx

安裝nginx 可以參考這個 安裝nginx 這個我們給出nginx的配置

    location / {
        index  index.html index.htm index.php;  
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://127.0.0.1:3000; #後端伺服器，具體配置upstream部分即可  
        }

第二步 在伺服器上新建一個資料夾 上傳如下檔案

image.png

.nuxt 檔案你需要在專案下面 執行下面 命令得到

npm bulid

後面直接就

npm install

我的配置

 "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
  },
  "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "post": 3000
    }
  },

最後啟動

pm2 start npm --name nuxt -- start

pm2 簡單介紹

pm2是nodejs的一個帶有負載均衡功能的應用程式管理器的模組，類似有Supervisor，forever，用來進行程式管理。

一、安裝：

  • npm install pm2 -g

    二、啟動：

  • pm2 start app.js

  • pm2 start app.js --name my-api #my-api為PM2程式名稱

  • pm2 start app.js -i 0 #根據CPU核數啟動程式個數

  • pm2 start app.js --watch #實時監控app.js的方式啟動，當app.js檔案有變動時，pm2會自動reload

    三、檢視程式：

  • pm2 list

  • pm2 show 0 或者 # pm2 info 0 #檢視程式詳細資訊，0為PM2程式id

    四、監控：

  • pm2 monit

    五、停止：

  • pm2 stop all #停止PM2列表中所有的程式

  • pm2 stop 0 #停止PM2列表中程式為0的程式

    六、過載：

  • pm2 reload all #過載PM2列表中所有的程式

  • pm2 reload 0 #過載PM2列表中程式為0的程式

    七、重啟：

  • pm2 restart all #重啟PM2列表中所有的程式

  • pm2 restart 0 #重啟PM2列表中程式為0的程式

    八、刪除PM2程式：

  • pm2 delete 0 #刪除PM2列表中程式為0的程式

  • pm2 delete all #刪除PM2列表中所有的程式

    九、日誌操作：

  • pm2 logs [--raw] #Display all processes logs in streaming

  • pm2 flush #Empty all log file

  • pm2 reloadLogs #Reload all logs

    十、升級PM2：

  • npm install pm2@lastest -g #安裝最新的PM2版本

  • pm2 updatePM2 #升級pm2

    十一、更多命令引數請檢視幫助：

  • pm2 --help

原部落格地址 https://www.51csdn.cn/article/383.html

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章