nuxtjs服務端部署流程

最近做了一個公司的官網項目，需要做服務端部署，延續了之前用的nuxt框架，但是又需要調用接口，所以不能像之前那樣通過

1.  
   npm generate
2.  
   復制代碼

生成靜態文件來部署，搞了半天才搞好，廢話不多說，下面看流程。

#前提：服務器是linux系統。

#准備：需要在服務器上安裝 node，pm2，做法請自己百度。

一 打包本地文件

通過

1.  
   npm run build
2.  
   復制代碼

來打包項目，會生成一系列的文件。

二 上傳文件

部署到服務器上只需要4個文件

1.  
   .nuxt, static, nuxt.config.js, package.json
2.  
   復制代碼

將這四個文件放到服務器上自己所建立的文件夾中，然后

1.  
   npm install
2.  
   復制代碼

安裝依賴 然后

1.  
   npm start
2.  
   復制代碼

三 nginx代理

接着需要用nginx進行反向代理，下面是我的配置

 proxy_pass后面跟的就是在開發中配置的本地域名和端口號，其他的如果有需要也可以自行配置。

 

四 啟用pm2

然后在項目目錄中啟用pm2

1.  
   pm2 start npm --name "demo" -- run start
2.  
   復制代碼

不過這個命令可能會啟用不成功，原因不知，反正我是沒有成功，如果不成功的話執行下面這個

1.  
   pm2 start ./node_modules/nuxt/bin/nuxt-start
2.  
   復制代碼

如果還不成功的話請移步至 解決方案。

至此就可以在nginx 中 server_name 配置的域名進行訪問了。

五 項目更新

如果項目更新的話 需要重新打包-》上傳文件-》重啟pm2

重啟pm2命令

1.  
   pm2 restart demo
2.  
   復制代碼

如果不成功的話需要停止pm2，然后刪除相關進程，再啟動pm2，相關命令可以移步 pm2命令

以上自己項目的發布流程 nuxt是1.0版本，如果項目不同的話可能需要做相應更改。 聯系：[e-mail]

轉載於:https://juejin.im/post/5c905e146fb9a071105dcf7d