nginx反向代理时对方网站开启了微信、QQ拦截跳转遇到的坑

1.背景

• 写了一个网站，用来调用对方网站api的功能，因为对方开启了防跨域，所以使用nginx的反向代理技术来达到跨域操作，前后端分离跨域解决方案。

2.第一个坑

1. 对方开启了https，我访问是返回502，反向代理报错 NGINX SSL_do_handshake() failed ，我也是看了报错日志才发现的。开始是以为我得域名没有开启ssl，后来试了也无效。经过一番折腾，终于搞明白了Nginx https反向代理502错误，proxy_ssl_server_name、proxy_ssl_verify 大概原因就是对方ip，绑定了多个证书
2. 解决方法就是在原来的nginx前面添加一行配置 proxy_ssl_server_name on;如此就行了

server {
  listen       80;
  server_name  www.dianduidian.com;
  location / {
    proxy_ssl_server_name on;
    proxy_pass https://blog.xxxxxx.com;
  }
}

3.第二个坑

1. 成功解决跨域问题后，我激动得打开了网站，没问题，功能一切正常。但是当我发送到微信，使用微信打开网站时，在调用接口后页面却没有被渲染，很奇怪。于是又打开了百度，第一反应是微信浏览器不兼容es6的一些语法，因为其他浏览器一切正常。于是就进行了一通兼容操作。。。可惜并没有什么用，于是我通过alert返回调用请求后返回的结果。结果一看，返回的是一堆HTML。

1. 好眼熟我去，这不就是防止被腾讯拦截域名的 微信、QQ拦截跳转嘛，好的终于知道了原因，这个跳转功能具体如何实现原理我就不提了， 就是通过User-Agent 字段来识别代理请求。因此，我们可以尝试修改 Nginx 的 User-Agent 字段，以模拟真实浏览器的请求。

location / {
proxy_pass http://backend;
proxy_set_header User-Agent "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:58.0) Gecko/20100101 Firefox/58.0";
}

至此问题全部解决，太坑了。。。

4.总结

开发过程中的bug是千奇百怪的，我们要合理地利用搜索引擎，去一步步的解决问题，过程往往是极度痛苦的，但解决后真的很爽！