SEO優化安裝
本教程是為了PC模板兼容SEO打包教程,快速安裝無需閱讀
視頻教程:https://ke.qq.com/course/3061431?taid=10530246200571575**
一. 本地打包
1.首先,修改PC模板目錄下的setting.js里面域名 (注意:這里的域名是接口域名 就是后臺網站的域名 不是pc的域名)
2.在nuxt.config.js里面修改
修改打包模式為
注釋子目錄綁定
修改域名 (這里的域名也是接口域名)
修改反向代理端口號
3.修改完成之后,使用npm install命令進行項目運行環境的安裝,安裝完成后進行程序打包
安裝npm環境npm install打包程序npm run build
4.打包完成選擇如下文件壓縮
二. 服務器配置站點
1.寶塔添加PC模板站點,FTP和數據庫均不需要創建,PHP版本選擇純靜態
2.設置反向代理,代理名稱自行填寫,目標URL填寫 127.0.0.1:端口號
端口號為打包時 nuxt.config.js里面修改的端口號
3.寶塔軟件商店安裝PM2管理器
4.上傳之前壓縮的文件到站點目錄下進行解壓,解壓完成打開寶塔終端進入到項目根目錄,
安裝npm環境:npm install
安裝完成后設置PM2守護npm進程:pm2 start npm -- start
5.出現此畫面運行模板成功
6.瀏覽器輸入域名訪問PC頁面
獨立部署注意事項
在站點配置文件中加入配置
#vue-router配置
location / {
try_files $uri $uri/ @router;
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}