PC端SEO打包教程

PC模版SEO优化安装

本教程是为了PC模板兼容SEO打包教程，快速安装无需阅读

安装Nodejs

node版本下载v14的版本，后期会适配最新的版本

下载地址：http://nodejs.cn/download/

打包教程（以vscode编辑器为例）

1.打开程序view/pc文件夹

2.在编辑器命令行中执行命令安装node依赖

执行命令

npm install

安装完成会生成node_modules文件夹

如果安装失败，请全部卸载Node.js后，重新安装node.js 14.15.1版本后再执行命令即可

3.首先，修改PC模板目录下的setting.js里面域名 按图片方式 （注意：这里的域名是接口域名，就是后台登录的域名，不是pc的域名）

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

4.打开nuxt.config.js 文件

修改页面渲染模式为 universal，且修改188行反向代理端口配置

修改完成之后本地编译文件

npm run generate

5.编译完成之后，将pc包里面以下目录和文件上传至pc站点（宝塔添加PC模板站点，FTP和数据库均不需要创建，PHP版本选择纯静态）

nuxt-dist，store，nuxt.config.js，setting.js，package.json ,env.js

6.设置反向代理，代理名称自行填写，目标URL填写 127.0.0.1:端口号 (端口号为打包时 nuxt.config.js里面修改的端口号 )

7.宝塔软件商店安装PM2管理器【这里有个坑，就是要记得把node.js版本切换为对应的14.19.1版本】

8.打开pc站点目录，打开终端命令行工具，执行npm install 命令，安装node 依赖

9.设置PM2守护npm进程：pm2 start npm -- start 出现此画面运行模板成功

10.浏览器输入域名访问PC页面

1.在服务器中创建一个站点，php版本选择成纯静态，然后添加反向代理，端口和nuxt.config.js最后的端口一致

2.安装pm2管理器，设置node版本为14.19或者14.20

3.修改文件setting.js里面域名，文件中有详细的说明

4.修改文件nuxt.config.js里面的第三行MODE值为universal

5.命令行中执行 npm install

6.执行成功之后，再执行命令 npm run generate

7.执行完成之后，再执行命令 pm2 start npm -- start