1.部署nuxt項目到服務(wù)器球订；
由于vue做出來的項目不利于SEO，所以采用服務(wù)端渲染 Nuxt 進行項目改造
1.1 打包nuxt項目
npm run build 后會在 .nuxt 文件中生成一個 dist 文件夾垢揩；
1.2 將以下5個文件放入服務(wù)器啡氢；
1.2.1 新建pc_nuxt文件夾 mkdir pc_nuxt,將下面的文件放入；
.nuxt 放置一些配置規(guī)則的文件艾君；
static 靜態(tài)資源署海；
app.html 項目目錄默認沒有默認模板吗购，可選；
nuxt.config.js nuxt的配置文件砸狞；
package.json 所有需要用到的包捻勉；
1.2.2 安裝項目所需要的包文件
npm install
到這里項目已經(jīng)上傳到服務(wù)器，就可以運行了刀森。
1.2.3 啟動nuxt項目
npm run start
看到下面的提示踱启，說明已經(jīng)成功
當(dāng)在瀏覽器輸入 http://localhost:3000/ 一切卻沒有我們想的那么順利，繼續(xù)研底；
很顯然埠偿，這是在服務(wù)器里開啟的是一個nuxt的內(nèi)置服務(wù)器，如果要訪問它榜晦，
就必須要反向代理
2. Nginx 配置反向代理
這里就不在贅述nginx的安裝等操作冠蒋，不會的童靴請自行百度。
執(zhí)行如下命令：
cd etc/nginx
vim nginx.conf
鍵入如下代碼 server_name 是你的域名地址乾胶；
proxy_pass http://127.0.0.1:3000 則是上面nuxt啟動的項目地址抖剿；
意思是朽寞，當(dāng)訪問 www.xxx.com 的時候nginx幫我們代理到 http://127.0.0.1:3000 ；
瀏覽器輸入域名地址 ojbk斩郎；成功訪問脑融，問題解決。
3. pm2部署nuxt項目
全局安裝：
npm i -g pm2
在項目目錄下：
pm2 start npm --name 'pc-nuxt' -- run start將nuxt項目跑在了pm2上缩宜，并且命名為 pc-nuxt肘迎；
4. 擼一個免費的ssl證書
免費的ssl證書有很多，大家可百度锻煌，我推薦使用騰訊云膜宋，下面是具體流程
進入騰訊云
-
打開控制臺
image.png
2.點擊云產(chǎn)品 選擇ssl證書
-
選擇 申請免費證書
image.png -
填寫個人信息
image.png
等待申請通過并通過審核 約10幾分鐘；
成功后將證書下載
下載成功后將nginx的文件夾放入服務(wù)器目錄 /ssl
配置nginx下圖所示：
到這里就全部done了炼幔。
