重定向位置 'about:blank' 有一个不允许的跨域请求方案
Posted
技术标签:
【中文标题】重定向位置 \'about:blank\' 有一个不允许的跨域请求方案【英文标题】:Redirect location 'about:blank' has a disallowed scheme for cross-origin requests重定向位置 'about:blank' 有一个不允许的跨域请求方案 【发布时间】:2018-05-29 09:25:58 【问题描述】:我正在尝试在反应组件中使用 axios 访问 facebooks 图形 API。
当组件挂载时,我得到我的 facebook 访问令牌并调用
axios
.get(`https://graph.facebook.com/me/friendsaccess_token=$token&fields=name,id,picture`)
.then(result => this.setState( friends: result.data.data ))
.catch(error => console.log(error))
它适用于开发。
我将应用部署到 firebase,它可以在我的计算机上运行。如果我在其他人的计算机上尝试它,我会在控制台中收到以下错误。
Failed to load https://graph.facebook.com/me/friends?access_token=token&fields=name,id,picture: Redirect from 'https://graph.facebook.com/me/friends?access_token=token&fields=name,id,picture' has been blocked by CORS policy: Redirect location 'about:blank' has a disallowed scheme for cross-origin requests.
我似乎找不到任何有关 CORS 重定向位置为“about:blank”的文档。有谁知道这意味着什么或我该如何解决?
【问题讨论】:
另外,如果我只是在浏览器中输入带有访问令牌的 url,它就可以正常工作。返回一个包含所有数据的 json 对象。/me/friendsaccess_token=
- 这是一个错字,我想,但不是在你的实际代码中?
不,不,我只是把实际的令牌剪掉,以防万一。
【参考方案1】:
这是一个 chrome 扩展冲突问题。问题只发生在离子铬和禁用扩展解决问题。检查你的扩展。
【讨论】:
以上是关于重定向位置 'about:blank' 有一个不允许的跨域请求方案的主要内容,如果未能解决你的问题,请参考以下文章
将 IFrame 设置为“about:blank”的跨浏览器方式?