angularjs - Prerender 未使用 Nginx 检测 token

标签 angularjs node.js nginx prerender

我们有一个 Angular 应用程序,我们正在尝试实现 prerender.io出于搜索引擎优化的目的。

我们使用站点地图缓存了所有 url,并遵循官方 Nginx 教程:https://gist.github.com/thoop/8165802

但是 prerender.io 一直显示此消息: 我们尚未看到使用您的 Prerender token 的请求。

您可以在这里查看我们的 Nginx 代码:

server {
  listen 443;
  server_name example.com;
  access_log /var/log/nginx/example.com.ssl.access.log;
  error_log /var/log/nginx/example.com.ssl.error.log debug;

  #SSL conf

  location / {

    try_files $uri @prerender;

    if ($request_filename ~* ^.*?/([^/]*?)$)
    {
        set $filename $1;
    }

    if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
        add_header Access-Control-Allow-Origin *;
    }

    proxy_redirect off;
    proxy_set_header   X-Real-IP            $remote_addr;
    proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    proxy_set_header   X-Forwarded-Proto $scheme;
    proxy_set_header   Host                   $http_host;
    proxy_set_header   X-NginX-Proxy    true;
    proxy_set_header   Connection "";
    proxy_http_version 1.1;
    proxy_cache one;
    proxy_cache_key sfs$request_uri$scheme;

    proxy_pass http://example.com;
  }

  location @prerender {
      #proxy_set_header X-Prerender-Token YOUR_TOKEN;

      set $prerender 0;
      if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
          set $prerender 1;
      }
      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|svg|eot)") {
          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;
      }
  }

}

我们尝试了 stackoverflow 中的不同解决方案遇到类似的问题,但没有任何作用...

最佳答案

我想知道 try_files 是否由于某种原因无法在这里工作。您可以尝试将预渲染配置内联吗?

server {
  listen 443;
  server_name example.com;
  access_log /var/log/nginx/example.com.ssl.access.log;
  error_log /var/log/nginx/example.com.ssl.error.log debug;

  #SSL conf

  location / {

    if ($request_filename ~* ^.*?/([^/]*?)$)
    {
        set $filename $1;
    }

    if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
        add_header Access-Control-Allow-Origin *;
    }

    #proxy_set_header X-Prerender-Token YOUR_TOKEN;

    set $prerender 0;
    if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
        set $prerender 1;
    }
    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|svg|eot)") {
        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;
    }

    proxy_redirect off;
    proxy_set_header   X-Real-IP            $remote_addr;
    proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    proxy_set_header   X-Forwarded-Proto $scheme;
    proxy_set_header   Host                   $http_host;
    proxy_set_header   X-NginX-Proxy    true;
    proxy_set_header   Connection "";
    proxy_http_version 1.1;
    proxy_cache one;
    proxy_cache_key sfs$request_uri$scheme;

    proxy_pass http://example.com;
  }

}

关于angularjs - Prerender 未使用 Nginx 检测 token ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47306902/

相关文章:

javascript - 范围变量更改时更改指令

angularjs - 在 Froala 编辑器中添加带有标题的图像后,无法在左对齐处写入文本

angularjs - Angular Material md-datepicker 以白色背景全屏打开

angularjs - Angular 在提升 promise.catch 之前将错误记录到控制台

node.js - Nginx 在通过 Docker-compose 运行时找不到上游 Node 应用程序

ruby-on-rails - 升级 Phusion Passenger 无需重新安装 Nginx

node.js - nodejs fs 看起来很贪婪

javascript - 当 Node.js 中的多个文件需要一个模块时会发生什么?

javascript - 来自 require() 的函数抛出未定义的错误

node.js - Nodejs从Nginx获取请求头