摘要：我的項目使用的是前后臺分離，前臺使用的是，所在的域名是，后臺接口的域名是，然后我現(xiàn)在開發(fā)和微信的第三方登錄，配置的回調域是，然后我把這個地址放到前臺里面的登錄頁面的標簽中，設置，但是點擊跳轉下面的錯，經過分析發(fā)現(xiàn)跟阿里云服務器文件和配置域

我的項目使用的是前后臺分離，前臺使用的是VUEJS，所在的域名是www.xfindzp.com，后臺接口的域名是api.xfindzp.com，然后我現(xiàn)在開發(fā)QQ和微信的第三方登錄，配置的回調域是：https://api.xfindzp.com/socia...，然后我把這個地址放到前臺www.xfindzp.com里面的登錄頁面的a標簽中，設置，但是點擊跳轉下面的錯，經過分析發(fā)現(xiàn)跟阿里云服務器/etc/hosts文件和nginx配置api.xfindzp.com域名文件有關，所以記錄下解決過程，分享給大家：

1、修改/etc/hosts文件

192.168.0.81 xfindzp.com api.xfindzp.com
47.97.127.145 xfindzp.com api.xfindzp.com
127.0.0.1   xfindzp.com api.xfindzp.com localhost localhost.localdomain localhost4 localhost4.localdomain4
::1        xfindzp.com api.xfindzp.com localhost localhost.localdomain localhost6 localhost6.localdomain6

2、修改配置域名api.xfindzp.com的nginx配置文件，如下：

server {
        listen       80;
        server_name  api.xfindzp.com;
        location / {
                proxy_pass http://api.xfindzp.com:6060; #這里的端口記得改成項目對應的哦
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
                proxy_set_header X-Forwarded-Port $server_port;
        }
    }

   server {
        listen       443 ssl;
        server_name  api.xfindzp.com;

        ssl_certificate      /usr/local/nginx/cert/api.xfindzp/214731881260330.pem;
        ssl_certificate_key  /usr/local/nginx/cert/api.xfindzp/214731881260330.key;

        location / {
                #1、這里的api.xfindzp.com如果寫成localhost或者127.0.0.1，那么肯定會報：redirect uri is illegal(100010)
                #2、api.xfindzp.com想讓它起作用，必須在/etc/hosts文件里面配置好，并重啟服務器，否則也不會生效
                proxy_pass http://api.xfindzp.com:6060; 
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
                proxy_set_header X-Forwarded-Port $server_port;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
        }
    }

3、配置好兩個文件，然后重啟下服務器ECS就成功了，當重新訪問就成功了！

4、總結：
1）分析問題原因，當報錯的時候查看qq返回的url，發(fā)現(xiàn)有127地址，所以就查看nginx配置文件，發(fā)現(xiàn)確實 是自己設置了127地址，改成api.xfindzp.com之后后臺又訪問不了，然后又把api.xfindzp.com域名放到/etc/hosts里面，重啟才生效
2）網上也有其它相關的解決方法，我這個只針對我的問題。

5、引用：
1)Spring Security源碼分析三：Spring Social實現(xiàn)QQ社交登錄
2)騰訊開放平臺聯(lián)調工具集
3)centos6.x配置虛擬主機名及域名hosts
4)修改centos等linux的hostname-永久生效
5)Linux修改本機/etc/hosts的hostName后經常不生效
6)redirect uri is illegal(100010)

后續(xù)：2018-8-23 21:51

按照上面設置成功是成功，但是后臺接口域名api.xfindzp.com每隔多長時間訪問就會非常卡處于pending，沒辦法我又換成localhost或者127或者自己的內網ip了，這樣一來QQ互聯(lián)就還是有問題，然后在網上找到一段代碼proxy_set_header Host $host;設置一下居然成功了，如下：

server {
        listen       80;
        server_name  api.xfindzp.com;
        location / {
                proxy_pass http://192.168.0.81:6060; #這里的端口記得改成項目對應的哦
                # 設置成這個就好了
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
                proxy_set_header X-Forwarded-Port $server_port;
        }
    }

   server {
        listen       443 ssl;
        server_name  api.xfindzp.com;

        ssl_certificate      /usr/local/nginx/cert/api.xfindzp/214731881260330.pem;
        ssl_certificate_key  /usr/local/nginx/cert/api.xfindzp/214731881260330.key;

        location / {
                proxy_pass http://192.168.0.81:6060;
                # 設置成這個就好了
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
                proxy_set_header X-Forwarded-Port $server_port;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
        }
    }

引用：
1)Nginx配置proxy_pass轉發(fā)的/路徑
2)在Nginx中$host和$http_host有什么區(qū)別