nuxtjs專案部署Ubuntu伺服器

由於為了達到更好的seo效果，最近研究了下nuxt.js 來做服務端渲染（ssr）。

本文來講講，在本地開發完成後怎麼在伺服器上配合nginx部署node專案。

本地打包、上傳到伺服器

安裝伺服器環境

安裝專案依賴和測試啟動

pm2 守護啟動

nginx配置

本地打包

打包前，先設定好在伺服器中要開啟的埠

設定在 package.json中:(我設定的8004埠)

npm run build

本地打包完成後，上傳檔案到伺服器。

只需要把下圖中所示的四個檔案(夾) 上傳到伺服器即可。

[外鏈轉存失敗(img-yv2iyulh-1569229030948)(nuxtjs專案部署ubuntu伺服器\image1.png)]

怎麼上傳檔案到伺服器本文不再做說明。

安裝node

安裝npm

安裝 pm2

安裝 nginx

安裝專案依賴

cd 切換到專案資料夾內，執行npm install 安裝專案依賴環境

npm

install

當安裝完依賴後，npm start 就可以看到 nuxt 執行起來了。

npm start

這時就已內網 ip+設定的埠（8004）啟動了

在專案的根目錄下，執行一下命令。啟動nuxt專案

pm2 start npm --name "my-nuxt" -- run start

順利的話，nuxt專案已經啟動起來了，但是只能內網ip進行訪問。

此時，可以使用nginx做反向** 通過外網來訪問nuxt專案

nginx配置

切換到nginx目錄，並開啟nginx配置項。

cd /etc/nginx

vim nginx.conf

server

}

nginx -s reload

nuxtjs專案部署到centos伺服器

一 生成伺服器部署包 nuxt build二 上傳生成的部署包到伺服器.nuxt static nuxt.config.js package.json 注意 除了nuxt自動生成的目錄，自己新建的目錄也要上傳 筆者就是自己新建了乙個 utils 目錄沒有上傳，結果一直報錯 以下是筆者專案結構 以下是...

Docker部署前端nuxtjs專案

1 拉取node映象，命令 docker pull node 附docker常用命令 檢視映象列表 docker images 檢視執行中的容器 docker ps 檢視所有容器 docker ps a 停止容器 docker stop cid 容器id或名稱 重啟容器 docker restart...

三 Linux專案部署之基礎專案部署

2.專案執行依賴於jdk的版本，tomcat可指定jdk版本。linux 指定tomcat專案啟動的jdk版本 教程位址 3.專案打包好後，將專案名修改為自己需要訪問的專案名，使用檔案上傳工具 xftp filezilla rz.上傳所打包好的war檔案。1.啟動tomcat容器，cd 到tomca...