Github oauth 回调 url 在哈希之前添加查询字符串

Question

我正在尝试在 Vue 项目中实现 Oauth(使用 Github)，当从 github 调用我的回调 url 时，它会附加查询字符串 ?code=something在 url 的散列之前。

例如，如果我加载 https://myapp.com在浏览器中单击我的登录链接 <a href="https://github.com/login/oauth/authorize?scope=user:email&client_id=1234j1234jk&redirect_uri=https://myapp.com/#/something">Login</a>我被重定向到 https://myapp.com/?code=asdfasdf#/something这意味着 this.$route.query是空的。

作为 Vue 和 Oauth 的新手，我该如何解决这个问题，以便在我的回调被调用时转到 https://myapp.com/#/something?code=asdfadsf这样this.$route.query会包含代码吗？

Answer 1

Github 可能因为 # 而把事情搞砸了。作为解决方法，您可以让 Github 重定向到另一个端点，例如 www.yourhost.com/api/v1/redirect-to-home?code=ABCDE(没有 #在其中)，然后您正确地重定向到 https://myapp.com/#/something?code=ABCDE。