Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs HashRouter导致Spotify隐式授权流失败,因为回调URL无效_Reactjs_Oauth 2.0_Spotify_React Router Dom_Callbackurl - Fatal编程技术网

Reactjs HashRouter导致Spotify隐式授权流失败,因为回调URL无效

Reactjs HashRouter导致Spotify隐式授权流失败,因为回调URL无效,reactjs,oauth-2.0,spotify,react-router-dom,callbackurl,Reactjs,Oauth 2.0,Spotify,React Router Dom,Callbackurl,我有一个HashRouter,它使URL添加#,从而在URL回调响应#类型查询参数之后添加# 如果将#更改为%23,将导致重定向URI无效 如何结合使用HashRouter和Spotify隐式授权流 我将我的应用程序放在github页面上:解决这个问题的一个快速方法是,假设您的重定向URI是http://localhost:8000/#/callback,要使用正则表达式向HashRouter添加路由,请执行以下操作: 这将引导类型http://localhost:8000/#/access_

我有一个HashRouter,它使URL添加#,从而在URL回调响应#类型查询参数之后添加#

如果将#更改为%23,将导致重定向URI无效

如何结合使用HashRouter和Spotify隐式授权流


我将我的应用程序放在github页面上:

解决这个问题的一个快速方法是,假设您的重定向URI是
http://localhost:8000/#/callback
,要使用正则表达式向HashRouter添加路由,请执行以下操作:

这将引导类型
http://localhost:8000/#/access_token=
连接到所需的部件。所需的组件应该是解析url以捕获令牌的组件

如果使用Spotify函数从其中捕获哈希参数,也会更改此行:

q = window.location.hash.substring(1);

以从
窗口.location.hash
路径中删除第一个字符
/

对于这个问题,可能有更好的解决方案(请参阅),尽管我认为这是一种适用于普通应用程序的快速破解方法

q = window.location.hash.substring(2);