PC端SEO打包部署教程

PC模版SEO優化安裝

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

安裝Nodejs

node版本下載v14的版本，后期會適配最新的版本
Nodejs：【官方下載】

打包教程

以vscode編輯器為例

1.打開程序view/pc文件夾

2.在編輯器命令行中執行命令安裝node依賴

執行命令npm install

安裝完成會生成node_modules文件夾

注：如果安裝失敗，請按照https://doc.www.2233z.cn/single/crmeb_v4/2190 修改鏡像然后再執行命令

3.首先，修改PC模板目錄下的setting.js里面域名 按圖片方式 （注意：這里的域名是接口域名 就是后臺網站的域名 不是pc的域名）

const VUE_APP_API_URL = `你的接口域名/api`;

4.打開nuxt.config.js 文件

修改頁面渲染模式為 universal

修改188行反向代理端口配置

修改完成之后本地編譯文件

npm run generate

5.編譯完成之后，將pc包里面nuxt-dist，store，nuxt.config.js，setting.js，package.json ,env.js上傳至pc站點

6.寶塔添加PC模板站點，FTP和數據庫均不需要創建，PHP版本選擇純靜態

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

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

9.打開pc站點目錄，打開命令行，執行npm install 命令，安裝node 依賴

10.設置PM2守護npm進程：pm2 start npm -- start 出現此畫面運行模板成功

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