nuxtjs服務器部署

nuxtjs 服務器部署步驟:

一、生成服務器部署包
nuxt build
二、上傳生成的部署包到服務器
.nuxt
static
nuxt.config.js
package.json

注意:除了nuxt自動生成的目錄,自己新建的目錄也要上傳(筆者就是自己新建了一個 utils 目錄沒有上傳,結果一直報錯)。

以下是筆者項目結構

image-20201204002345648

以下是筆者上傳到服務器的內容列表:

image-20201204002528077

.nuxt 		這是執行 nuxt build 生成的,需要手動上傳到服務器
node_modules 	是執行 yarn 命令生成的,不是手動上傳的哦
static 		這個是項目結構中的static文件夾,手動上傳
utils 		是自己額外新建的目錄,如果新建的其他的目錄,也要手動上傳一下
nuxt.config.js 	這個文件是用於配置啓動服務器的,例如:代理、端口這些,這也是需要自己上傳
package.json    是用於下載依賴包的,這裏面還有啓動項目的腳本,也是必須手動上傳
pm2.json	pm2後臺啓動配置文件,這個名字隨便起,使用pm2部署項目時需要,不用的話就不需要
三、安裝依賴
yarn install

上傳文件時我們沒上傳node_modules文件夾,執行這個命令後就會自動生成,服務器在執行服務渲染的時候會調用node_modules中的模塊。

四、啓動項目
yarn start

如下效果表示成功!

image-20201204003638634

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章