SEO優(yōu)化安裝

本教程是為了PC模板兼容SEO打包教程，快速安裝無需閱讀

視頻教程：https://ke.qq.com/course/3061431?taid=10530246200571575**

一. 本地打包

1.首先，修改PC模板目錄下的setting.js里面域名 （注意：這里的域名是接口域名 就是后臺網(wǎng)站的域名 不是pc的域名）

2.在nuxt.config.js里面修改
修改打包模式為

注釋子目錄綁定

修改域名 （這里的域名也是接口域名）

修改反向代理端口號

3.修改完成之后，使用npm install命令進(jìn)行項(xiàng)目運(yùn)行環(huán)境的安裝,安裝完成后進(jìn)行程序打包

#安裝npm環(huán)境
npm install
#打包程序
npm run build

4.打包完成選擇如下文件壓縮

二. 服務(wù)器配置站點(diǎn)

1.寶塔添加PC模板站點(diǎn)，F(xiàn)TP和數(shù)據(jù)庫均不需要創(chuàng)建，PHP版本選擇純靜態(tài)

2.設(shè)置反向代理，代理名稱自行填寫，目標(biāo)URL填寫 127.0.0.1:端口號
端口號為打包時(shí) nuxt.config.js里面修改的端口號

3.寶塔軟件商店安裝PM2管理器

4.上傳之前壓縮的文件到站點(diǎn)目錄下進(jìn)行解壓，解壓完成打開寶塔終端進(jìn)入到項(xiàng)目根目錄，

安裝npm環(huán)境：npm install安裝完成后設(shè)置PM2守護(hù)npm進(jìn)程：pm2 start --name pc npm -- start注意:pm2 start —name [pc] npm — start 命令中的[pc]可以更改為自己想要的名稱

5.出現(xiàn)此畫面運(yùn)行模板成功

6.瀏覽器輸入域名訪問PC頁面

獨(dú)立部署注意事項(xiàng)

在站點(diǎn)配置文件中加入配置

#vue-router配置
    location / {
        try_files $uri $uri/ @router;
        index index.html;
    }
    location @router {
        rewrite ^.*$ /index.html last;
    }

PM2命令介紹

pm2 list 命令,執(zhí)行后入下圖所示

pm2 restart [project] 重啟某個服務(wù)

pm2 stop [project] 停止某個服務(wù)