摘要：我的項(xiàng)目使用的是前后臺(tái)分離，前臺(tái)使用的是，所在的域名是，后臺(tái)接口的域名是，然后我現(xiàn)在開(kāi)發(fā)和微信的第三方登錄，配置的回調(diào)域是，然后我把這個(gè)地址放到前臺(tái)里面的登錄頁(yè)面的標(biāo)簽中，設(shè)置，但是點(diǎn)擊跳轉(zhuǎn)下面的錯(cuò)，經(jīng)過(guò)分析發(fā)現(xiàn)跟阿里云服務(wù)器文件和配置域

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

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; #這里的端口記得改成項(xiàng)目對(duì)應(yīng)的哦
                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如果寫(xiě)成localhost或者127.0.0.1，那么肯定會(huì)報(bào)：redirect uri is illegal(100010)
                #2、api.xfindzp.com想讓它起作用，必須在/etc/hosts文件里面配置好，并重啟服務(wù)器，否則也不會(huì)生效
                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、配置好兩個(gè)文件，然后重啟下服務(wù)器ECS就成功了，當(dāng)重新訪問(wèn)就成功了！

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

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

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

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

server {
        listen       80;
        server_name  api.xfindzp.com;
        location / {
                proxy_pass http://192.168.0.81:6060; #這里的端口記得改成項(xiàng)目對(duì)應(yīng)的哦
                # 設(shè)置成這個(gè)就好了
                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;
                # 設(shè)置成這個(gè)就好了
                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轉(zhuǎn)發(fā)的/路徑
2)在Nginx中$host和$http_host有什么區(qū)別