由于官网的插件暂时不支持老的项目,所以使用这种方法
本教程亲测可用, 以及上线的项目网址: http://al.jn1tea.com/
打开调试工具, 手机模式, ctrl + u 可以查看每个页面的 seo内容**
教程内容有点长, 请耐心看完
1、uniapp设置为history模式 2、nginx设置好转发规则 3、后端服务器(类同云函数),动态给模版html设置标题、描述、关键词(根据自己需要)返回html(注意:同uniapp h5 的首页html模版一致)
教程, 前置要求, 通过服务器转发,
必须能安装nginx, 以及 node.js, express 服务器框架
在宝塔, 配置反向代理配置文件, 如果是linux 注意格式问题
8332, 为你的 node.js 中express 服务器框架的端口号
注意: 由于原来的系统要求, 配置了一个全局代理, 所以这个路由匹配转发需要在全局代理上面才能生效
在宝塔中安装node.js, 以及express服务器
其他linux系统可以用命令行安装,
参考教程 https://www.cnblogs.com/front-web/p/15672575.html
安装node.js, 记得设置命令行版本一致
安装完成后需要启动一个node.js的网站
首先在服务器目录下创建一个文件夹, 刚开始是空的
进入命令行终端 cd /www/wwwroot/你创建的文件夹命
在终端中运行以下命令来初始化Node.js项目:npm init -y
在终端中运行以下命令来安装Express: npm install express
安装成功后创建 views 文件夹, app.js 文件 , 修改package.json文件
1. 端口号, 要和上面配置反向代理一致
2. 公共配置
// 这里就是你的uniapp打包后的h5 每个页面的访问路径, seo优化就在这里修改title, description, keywords
// 想优化哪个页面就继续添加
// 下面是全部的源码, 根据个人网站自行修改
进入views文件夹, 创建index.ejs 文件
// 配置文件, 刚才在app.js 的文件会动态解析到这里的title等标签中
启动网站,
cd进入刚才初始化创建的目录, 用终端打开
输入命令 node app.js 启动express 服务器, 看到日志说明启动成功
注意, 如果中途修改配置文件, 记得重启 node app.js, 同理nginx 修改也要重启生效
如果没问题, 就可以访问你配置后的页面, ctrl + u 查看是否生效
##基于nginx服务器优化的方案, 适用于 uniapp开发的网站, 可适用于老项目