问题标签 [vue-authenticate]

我正在尝试使用 vue-authenticate 和护照来实现 facebook 登录。我成功登录了我的 Facebook 帐户。我成功获得了“回调代码”。这是我的回调网址

http://localhost:8080/auth/callback?code=AQD0FgQ7I2oci0m3bqOHOBE1EV3Ri1TBnVcqs2PRT8pFNa38NIMX-eYiSr2EiWKQBMoNq1yOeo1QkDG1OiDjF_xUduK-HWMlMazsaBzoGNxiAK3FQH5KQopZ9NUnM2g-UYLpihtpsaFrRVssJkm8Xue1nyKbbWX76EPnPCIEVOfGM_JE4mbENLpp6_w8gwkTS9n8dtsNptDM72UO9zE7mj34J8Yls0A1VqmoZail0J2zwu4hJCzAzbP2FZ531Vo2tCERn2F_4DKsJ-zq_ppZWxRlKuRW9WFBL0UvsuNN_ODiRFs70P3SoK85-xHwzHJvx8VrVxmLlp5x7rVOzy2E2Jma# =

所以我使用 axios 将“回调代码”传递给服务器。因为我的服务器代码（passport-facebook）是这样的：

Vue中的axois代码是

但它从来没有用过..我不知道为什么。只是想知道，我将 axios 代码更改为get('api/users/'). 并像这样编写服务器代码

有用。我可以在控制台中看到“好”消息。让我知道您是如何实现社交登录的！

我使用vue-authenticate ( https://github.com/dgrubelic/vue-authenticate ) 使用 ID/Password 和 Oauth 1 & 2 登录。

我在哪里放置路由器重定向以在仪表板页面上重定向用户？

我的代码 store.js 与 Vuex：

我正在使用vue-authenticate进行社交帐户身份验证。它可以在桌面浏览器上完美运行，但不适用于 android mobile (chrome/firefox)。

身份验证时，弹出窗口打开并正常工作，但随后 redirectUri（带有访问令牌）在新的浏览器选项卡（不是源选项卡）中打开，因此丢失状态并中断身份验证流程。

如何解决这个问题？谢谢

https://github.com/dgrubelic/vue-authenticate

我正在尝试实现vue-authenticate，但是从他们的文档中获取的以下示例代码存在问题：

财产从何$auth而来？我在任何地方都看不到它的定义。我查看了文档和 repo 中的示例代码，但都没有提供任何帮助。

对于使用 oauth2 的 vue-authenticate，

任何人都知道当grant_type=password 时如何配置client_secret？

我正在尝试使用带有自定义 axios 响应拦截器的vue-authenticate的 oauth2 提供程序进行身份验证，如下所示：

运行 ajax 调用时： - 我在新窗口中被重定向到我的授权 url ( /oauth/authorize) - 批准后，我成功地使用授权代码重定向到我的自定义。redirect_uri

我的问题是，为什么我不能authenticated在这个流程之后。事实上，如果我通过 axios 重新调用 ajax，它会从授权流程（批准窗口等）中重新循环我

这里有没有人熟悉这个工具，以及如何解决这个问题？

注意：当关闭审批窗口时，我在调用 ajax 的页面中收到此错误

注2：根据上述代码的控制台日志

使用 vue-google-oauth2 时，您可以使用 getAuthCode() 将代码接收回前端框架，然后可以将其传递给后端/API 以交换令牌/等。

使用此软件包时，我的应用程序可以正常工作，但我想将 vue-authenticate 用于其他平台，例如 twitter 和 facebook。我使用这种方法的原因是传递一个 JWT，在后端使用中间件的 authcode 来验证用户，然后交换令牌。

使用 vue-authenticate 时，没有不使用回调的参数。例如：

示例使用：redirectUri:“ https://www.facebook.com/connect/login_success.html ”不使用回调。

控制台不应该至少记录这个吗？这种工作流程有更好的选择吗？

谢谢你。

从 vue 应用程序成功登录后，我想将我的应用程序重定向到其原始页面。下面是代码片段：

我收到了这个错误

我在登录操作后将 vuejs 与 vuex 一起使用我试图推送到仪表板页面，但是它是如何抛出这个错误的

以下是我要推送到仪表板的路由器文件

我们在 axios.js 中为 axion 请求声明了默认的 Authorization 标头。它第一次工作，但是当我刷新页面时它给出了500 internal server 错误。

这是我在 axios.js 中声明它的方式

Laravel api 路由

这是回应