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

Question

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

Answer 1

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

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

---

使用CFBundleDevelopmentRegion来访问所有从＃开始的参数。 或者，您可以使用window.location.hash访问完整的URL。 要获取令牌，您可以使用window.location.href。

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

window.location.hash.match(/#access_token=([^&]+)/)[1]

---