prerender.io 与 nginx、angular.js 和 hashbang 之前的文本

Question

我正在尝试将 prerender.io 与 nginx 和 angular.js 一起使用，在我的情况下主要用于 Facebook，以防止在有人共享显示的页面时出现典型的角括号。 URL hashbang 前面没有任何内容，它可以正常工作。但是，如果 hashbang 前面有什么东西不起作用。示例：

工作： midomain.com/#!/page1

不工作： midomain.com/mobile.html#!/page1

问题似乎出在 nginx 配置中，因为在这种情况下，不会向 prerender.io 发出请求。

这是我的设置，基于官方文档 (https://gist.github.com/thoop/8165802)：

location / {
try_files $uri @prerender;
}

location @prerender {
  proxy_set_header X-Prerender-Token XXXXXXXXXXXXXXX;
  set $prerender 0;
  #añadimos snippet para Google Plus
  if ($http_user_agent ~* "snippet|baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
  set $prerender 1;
  }
  #Descartamos las búsquedas de Google porque ya lee angular y así evitamos redireccionamientos innecesarios
  #if ($args ~ "_escaped_fragment_") {
  #set $prerender 1;
  #}
  if ($http_user_agent ~ "Prerender") {
  set $prerender 0;
  }
  if ($uri ~ "\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff)") {
  set $prerender 0;
  }
  #resolve using Google's DNS server to force DNS resolution and prevent caching of IPs
  resolver 8.8.8.8;

  if ($prerender = 1) {
  #setting prerender as a variable forces DNS resolution since nginx caches IPs and doesnt play well with load balancing
  set $prerender "service.prerender.io";
  rewrite .* /$scheme://$host$request_uri? break;
  proxy_pass http://$prerender;
  }
  if ($prerender = 0) {
  rewrite .* /index.html break;
  }
}

我对此有很长时间，我一直在研究 Nginx 的文档，询问 prerender.io 支持等，但我没有得到它的工作。

以G+为例，是一样的。

有什么建议吗？

Answer 1

您需要激活 html5mode ，添加基本 href 以删除这个“丑陋”的 url，为爬虫添加 <meta name="fragment" content="!"> 并在您的 Angular 应用程序中设置 hashPrefix。无论如何，这是一个很好的例子（你需要替换的 nginx 配置） https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag

Answer 2

最后，我为移动版创建了一个子域，一切正常。

谢谢。