nuxt專案上線

2022-02-17 08:30:16 字數 2687 閱讀 7494

系統:linux

反向**:tengine

啟動node服務:pm2

專案:基於nuxt乙個部落格專案,後端是koa2

2. 解壓tar包

進入資料夾目錄中,執行tar xf node-v14.16.0-linux-x64.tar.xz 

2.1 配置軟連線

ln -s node-v14.16.0-linux-x64 node

echo "path=/opt/node/bin/:$path" >> /etc/profile

4. 使配置檔案生效

source /etc/profile

5. 測試,在任意目錄下執行,能列印出版本號就好了

安裝cnmp:

npm install -g cnpm --registry=

pm2管理node專案:

安裝:cnpm install -g pm2

啟動新增:

1. 切換至專案目錄下,執行pm2 start 啟動的命令 --name 專案別名

2. 新增完後,以後要再啟動程式,直接pm2 start 專案別名即可

# 例子: pm2 start npm --name talent_management_back_end -- run start

停止:pm2 stop 專案別名|執行路徑

重啟:pm2 reload 專案別名

刪除:pm2 delete id

檢視新增哪些node服務:

檢視監控:

pm2 monit

nuxt專案

1. npm run build,進行打包

2. 把.nuxt、nuxt.config.js和package.json檔案打包到壓縮包,上傳至伺服器、解壓、安裝依賴,通過pm2部署即可

3. 解壓壓縮包

unzip 包路徑 -d 解壓到哪個目錄

3. 安裝依賴模組

進入專案目錄下,cnpm install

4. pm2部署

cd至專案目錄下;

指定啟動新增命令:  // 順序是固定的

以上配置完,單個形式算是完成了,客戶端訪問nuxt形式就可以用了

二、加上tengine形式

流程:通過tengine做反向**,讓使用者訪問tengine,tengine**請求到nuxt

好處:tengine做負載均衡、https等等都很方便,文件也有很多,如果要部署多台nuxt或後端,要用到

tengin安裝配置 

2. 安裝依賴

yum install gcc patch libffi-devel python-devel  zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel openssl openssl-devel -y

3. 解壓包

切換至/opt目錄下

tar xf tengine-2.3.1.tar.gz

cd tengine-2.3.1/

4. 指定安裝目錄

./configure --prefix=/opt/tngx231/

5. 編譯、安裝

make && make install

6. 配置環境變數

vim /etc/profile在path中新增:/opt/tngx231/sbin/nginx

source /etc/profile

7. 完畢

tengine配置

可貼上得:

upstream nuxt_addr

upstream koa_addr

server

location /api

location /static

效果:  // 80埠訪問得

Nuxt 新建專案

屬性 含義project name 專案名 確認專案名,直接回車即可 project description my peachy nuxt.js project 專案描述,直接回車即可 author name chenbz 確認或輸入作者名,然後回車即可 choose the package man...

使用nuxt專案總結

現在下午三點,電腦太卡,專案根本執行不起來。初次接觸vue是在上一家公司,做的是spa單頁面應用。習慣的模式是前後端分離。最近入職的新的公司,說技術採用nuxt渲染,自己就著手簡單準備了一下,開始了征程。之前的團隊,因為做的是乙個產品,用之前的老大的話說就是做乙個自己的產品。團隊分工還是很明確的,說...

nuxt專案發布 部署

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