CRMEB v4.x PC模板兼容SEO安装教程

Dear 丶 2023-01-20 12:54 293阅读 0赞

本教程是为了PC模板兼容SEO打包教程，不兼容无需阅读

视频教程：[https://ke.qq.com/course/3061431?taid=10530246200571575][https_ke.qq.com_course_3061431_taid_10530246200571575]  
一. 本地打包  
1.首先，修改PC模板目录下的setting.js里面域名 （注意：这里的域名是接口域名 就是后台网站的域名 不是pc的域名）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70]

2.在nuxt.config.js里面修改  
修改打包模式为  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 1]

注释子目录绑定  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 2]

修改域名 （这里的域名也是接口域名）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 3]

修改反向代理端口号  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 4]

3.修改完成之后，使用npm install命令进行项目运行环境的安装,安装完成后进行程序打包

安装npm环境
    npm install
    打包程序
    npm run build

4.打包完成选择如下文件压缩

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 5]

二. 服务器配置站点  
1.宝塔添加PC模板站点，FTP和数据库均不需要创建，PHP版本选择纯静态  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 6]

2.设置反向代理，代理名称自行填写，目标URL填写 127.0.0.1:端口号  
端口号为打包时 nuxt.config.js里面修改的端口号  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 7]

3.宝塔软件商店安装PM2管理器  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 8]

4.上传之前压缩的文件到站点目录下进行解压，解压完成打开宝塔终端进入到项目根目录

安装npm环境
    npm install
    安装完成后设置PM2守护npm进程
    pm2 start npm -- start

5.出现此画面运行模板成功  
![在这里插入图片描述][20210513092545267.png]

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

本文转自[开源世界，点击访问原文][Link 1]

[https_ke.qq.com_course_3061431_taid_10530246200571575]: https://ke.qq.com/course/3061431?taid=10530246200571575
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70]: /images/20221021/bb80260125104169ad8653039a305c0d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 1]: /images/20221021/0dd3db48078649a0865ec88f1b51a900.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 2]: /images/20221021/90980119e2d04f1ca54c804ad4971fea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 3]: /images/20221021/6ef1d880d96641c99d202fec48b3cfda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 4]: /images/20221021/144b6ee71e0c4bd8ae111682f360a603.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 5]: /images/20221021/9b6f2f31ae96413480981933b42ce43c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 6]: /images/20221021/fe78287e50cc49e0991db4cca14af67d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 7]: /images/20221021/6d44f10c5e6c4f39b6da395984b6cd54.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjIxNDM2_size_16_color_FFFFFF_t_70 8]: /images/20221021/9b501498b609473da78aedb7529b3c81.png
[20210513092545267.png]: /images/20221021/66e0381487774189b3fc480911d2a64f.png
[Link 1]: http://ym.baisou.ltd/?id=501