对uniapp前后分离SEO问题的解决思路

最近对uniapp进行SEO，对已有的项目不想去改成服务器渲染，改变已有的项目这个成本比较高；

解决办法:增加一层爬虫代理获取HTML，主要用：nodejs express puppeteer来解决，解决成本比较低。

前端NGINX服务纯静态：

location = /robots.txt {
    try_files $uri $uri/ /index.html;
}
location = /sitemap.txt {
    try_files $uri $uri/ /index.html;
}
 # 爬虫处理
location / {

      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header REMOTE-HOST $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      if ($http_user_agent ~* "spider|bot|bingbot|Sogou Pic Spider|Baiduspider|Baiduspider-render|YisouSpider|Sogou web spider|Bytespider|360Spider|Googlebot|YodaoBot") {
           proxy_pass http://localhost:8082;
      }
  try_files $uri $uri/ /index.html;
}

前端服务转到nodejs8082端口爬虫服务获取对应HTML页面

nodejs express puppeteer相关安装使用可查看官方

目前效果还是可以的

文出自 “凹凸曼” 博客，请务必保留此出处 http://www.apoyl.com/archives/3439