nginx部署nuxt多專案

2021-10-04 16:58:08 字數 897 閱讀 3191

一、背景：之前使用nginx部署了乙個nuxt的專案，參考的是這篇文章nuxt專案的部署，現在部署多專案，先參考的是這篇文章nginx配置多個專案 ，使用nginx要在同乙個網域名稱下配置多個專案有兩種方式：

nginx按不同的目錄分發給不同的專案

啟用二級網域名稱，不同的專案分配不同的二級網域名稱

採用：我現在是測試服，是ip，沒有網域名稱，所以選擇第一種方式，建立不同專案。原本同乙個ip+埠已經上線了乙個專案，現在就在原本的基礎上加乙個目錄就行。

二、具體步驟：

upstream nodenuxt 


server 127.0.0.1:4000; #nuxt專案 監聽埠


keepalive 64;	}	


server  


location / 


}
2、專案打包修改配置檔案，這裡參考了這篇文章如何在nginx中部署多個前端專案 ，但是這篇文章講的是vue單頁面部署配置檔案的修改，和nuxt部署配置檔案不一樣，但是提供了乙個思路。那就是修改nuxt.config.js配置檔案即可，參考官網nuxt-router 修改router引數即可：

module.exports =
注意：名稱要與nginx.conf中目錄同名，且此處名稱前後要加 「/」。

"scripts": ,
5、pm2程序守護，執行pm2 start npm --name "***" -- run buildd或者pm2 start npm --name "***" -- run start，status顯示online,但是使用pm2 list,status顯示errored，網上搜尋了解決方案，沒解決這個問題，這個解決方案待更新。

最後：筆記就記錄到這。

nuxt專案發布 部署

如何將nuxt專案進行發布部署 命令描述 nuxt 啟動乙個熱載入的web伺服器 開發模式 localhost 3000 nuxt build 利用webpack編譯應用，壓縮js和css 發布用 nuxt start 以生產模式啟動乙個web伺服器 需要先執行nuxt build nuxt gen...

nginx多站點 tomcat多專案部署

2.修改主配置檔案，不同專案監聽不同埠 新增乙個service service 訪問通過url 127.0.0.1 8080 test1 127.0.0.1 8081 test2 tips 乙個專案可以與多個元素 如和專案的其他內容分開放置 但是要注意路徑問題1.增加多個網域名稱 vim etc h...

nginx部署專案

yum install y nginx 設定開機啟動 systemctl start nginx.service systemctl enable nginx.service nginx預設使用埠 80，ecs例項沒有開啟埠80，預設只有 22 和 3389 將自己的vue專案 執行如下命令打包 c...