Question

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

工作： midomain.com /＃！/第1页

不工作： midomain.com/mobile.html＃！/第1页

问题似乎是在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来删除这个＆＃34; ugly＆＃34;网址，为抓取工具添加<meta name="fragment" content="!">，并在角应用中设置hashPrefix。无论如何，这是一个很好的例子（你需要替换nginx配置） https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag

Answer 2

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

感谢。

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

2 个答案: