使用Angular 5（隐式认证）从Instagram重定向中提取ACCESS_TOKEN

Question

由于我正在开发一个没有后端的纯前端应用程序，我将使用Instagram隐式身份验证。问题是，在用户授权应用程序之后，Instagram会使用像这样的访问令牌http://your-redirect-uri#access_token=ACCESS-TOKEN重定向到我的redirect_uri。如何从中提取访问令牌？我尝试使用路由器，但是'＃'没有成功

Answer 1

在this帖子中查看我的答案。

[更新]似乎有些主持人删除了我的答案，说这是重复的答案。但我不同意，因为我根据每个问题发布了相关的代码片段。在此答案未被删除之前，我再次在此处发布部分答案。如果您同意，请投票取消删除我的答案。

---

使用window.location.hash访问从＃开始的所有参数。或者您可以使用window.location.href访问完整的URL。要获得令牌，您可以使用window.location.hash.match(/#access_token=([^&]+)/)[1]。

注意：如果您使用的是TypeScript，则需要在组件中导入窗口。

declare let window;

---