問(wèn)題描述

比如說(shuō)https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000我在nodejs中用var access_token=req.query.access_token;獲取不到access_token

問(wèn)題解答

無(wú)法獲取，#為前端hash，發(fā)送請(qǐng)求時(shí)，hash后面的不會(huì)被發(fā)到url上，不知道你?后面為什么要有#

教你一個(gè)特別的方法：

const querystring = require(’querystring’);let str = ’https://beta.biaoqing.com/callback/qq/#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000’;let r = querystring.parse(str);console.log(r);for(value in r){ console.log(’key: ’, value); console.log(’value: ’, r[value]);}

算是投機(jī)取巧吧。es6中的 Object.values（）方法可以取代上面的 for in 方法，但是只有在 node v7.x 版本才兼容。

------------------------分隔符-------------------------------

改進(jìn)下上面的方法：去掉 # 這個(gè)符號(hào)就OK了。

const querystring = require(’querystring’);const url = require(’url’);let str = ’https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000’;let str2 = str.replace(/#/g,’’);//去掉 # 符號(hào)let obj_query = querystring.parse(url.parse(str2).query); // 解析URL的 query 部分console.log(obj_query.access_token);回答3：

這個(gè)是第三方授權(quán)的回掉落地頁(yè)對(duì)吧？

這個(gè)落地頁(yè)的前端可以拿到hash后面的內(nèi)容，所以邏輯可以是這樣：

用戶從你網(wǎng)站跳轉(zhuǎn)到第三方授權(quán) -> 第三方授權(quán)成功跳轉(zhuǎn)到你網(wǎng)站預(yù)先設(shè)置的回調(diào)落地頁(yè) -> 回調(diào)落地頁(yè)hash中帶有access_token和其他參數(shù) -> 落地頁(yè) js 取下hash中的參數(shù)發(fā)送異步請(qǐng)求到后端設(shè)定好的接口 -> ajax返回成功，js控制跳轉(zhuǎn) -> 瀏覽器被導(dǎo)航到真正的用戶可交互的授權(quán)成功頁(yè)

也就是說(shuō)，第一步返回的落地頁(yè)是一個(gè)中轉(zhuǎn)的頁(yè)面，目的就是用 js 取下hash后的內(nèi)容 ajax 發(fā)回到后端，后端拿到第三方授權(quán)回來(lái)的token后js立馬控制跳轉(zhuǎn)。這個(gè)中轉(zhuǎn)頁(yè)最好加一些 UI，比如正在跳轉(zhuǎn)之類的提示，用戶體驗(yàn)上絕對(duì)可以接受的。