Nuxt.js部署及踩過的坑

原文地址:lewis1990@amoy

Nuxt.js 提供了兩種發(fā)布部署應(yīng)用的方式:服務(wù)端渲染應(yīng)用部署 和 靜態(tài)應(yīng)用部署。

靜態(tài)應(yīng)用部署就不說了,主要說說服務(wù)端渲染應(yīng)用部署。

官方推薦部署方式

關(guān)于服務(wù)端渲染應(yīng)用部署,官方文檔是這么寫的:

部署 Nuxt.js 服務(wù)端渲染的應(yīng)用不能直接使用 nuxt 命令,而應(yīng)該先進行編譯構(gòu)建,然后再啟動 Nuxt 服務(wù),可通過以下兩個命令來完成:

nuxt build
nuxt start

推薦的 package.json 配置如下:

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

提示: 建議將 .nuxt 加入 .npmignore 和 .gitignore 文件中。

意思是說.nuxt不加入到版本控制,每次服務(wù)器從gitlab上拉代碼后先執(zhí)行nuxt build生成.nuxt文件夾,然后再執(zhí)行nuxt start來啟動服務(wù)。

踩過的坑

部署方式很簡單對不對,看完文檔后我就在自己買的服務(wù)器上嘗試部署一下,然后,BOOM!!!

每次在服務(wù)器上執(zhí)行nuxt build,總是有如下報錯,并且jenkins會隨之掛掉。

error Command failed with signal "SIGKILL".

看了一下服務(wù)器監(jiān)控發(fā)現(xiàn)build的時候cpu和內(nèi)存飆升,尤其是內(nèi)存。。。

好吧,我買的是阿里最低配的ECS,升級配置是最后的選擇,在這之前只能另辟蹊徑。

另辟蹊徑

既然服務(wù)器上build不了,那我們就本地build再上傳,在.gitignore里把.nuxt去掉、并把dist改為/dist,然后本地執(zhí)行yarn build,成功之后再上傳到github上,檢查一下.nuxt是否有上傳上去。

之后在服務(wù)器上把代碼拉下來、安裝一下依賴,執(zhí)行nuxt start就可以了。

這里還有個坑,就是為什么要把.gitignore里的dist改為/dist

/dist這個文件夾是執(zhí)行nuxt generate后生成的,用來做靜態(tài)應(yīng)用部署的,這部分就跟通常情況下的.nuxt一樣是不應(yīng)該加入到版本控制里的,但由于nuxt build之后,在.nuxt里也會生成一個dist文件夾,我們希望gitignore的只有/dist而不是/.nuxt/dist,因此猜需要做出這里的修改。

nuxt部署

最后,我們使用pm2來部署nuxt。

pm2 start npm --name nuxt -- start
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,869評論 18 139
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 46,941評論 6 342
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,076評論 25 708
  • 本人會計專業(yè)研究僧一枚,本科專業(yè)就是財務(wù),在財務(wù)堆里學習了n年,然后在臨畢業(yè)的時候這個時代突然衍生出了好多...
    Josie_f861閱讀 365評論 2 0
  • 他的語氣變得客氣,她一聽就知道。 知道是知道,卻措手不及。每當想起他暖暖地吻她的唇,深情的把她抱在懷里,對她耐心的...
    陽光下的多肉閱讀 181評論 0 1