在 Nuxt 中如何使用独立的 API 服务器处理 OAuth？

在Golang实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《在 Nuxt 中如何使用独立的 API 服务器处理 OAuth？》，聊聊，希望可以帮助到正在努力赚钱的你。

目前我有两个独立的应用程序

1. 前端（nuxt）
2. 后端（golang）

在后端，我使用名为 goth 的第三方库，并使用 facebook 作为提供者。后端一切正常，但我对如何在 nuxt 端的前端执行操作感到困惑

所以从技术上讲，后端会有两个 url

/auth/facebook

/auth/facebook/callback

一旦一切正确，我将从后端的 facebook 获取对象，这是用 golang 编写的 api

data: {
         rawdata: {
             email: "[email protected]",
             first_name: "john",
             id: "123123",
             last_name: "grave",
             name: "john grave",
             picture: {
                 data: {
                     height: 50,
                     is_silhouette: true,
                     url: "https://platform-lookaside.fbsbx.com/platform/profilepic/?asid=13123123&height=50&width=50&ext=1553079619&hash=aetx5rw5k_avwlbi",
                     width: 50
                 }
             }
         },
         provider: "facebook",
         email: "[email protected]",
         name: "john grave",
         firstname: "john",
         lastname: "grave",
         nickname: "john grave",
         description: "",
         userid: "123123",
         avatarurl: "https://platform-lookaside.fbsbx.com/platform/profilepic/?asid=2312802522337124&height=50&width=50&ext=1553079619&hash=aetx5rw5k_avwlbi",
         location: "",
         accesstoken: "eaaiur3nscpwbaecp2jskhuuczdwlb97aq99ncv5huievvz8xgfj6exazdzd",
         accesstokensecret: "",
         refreshtoken: "",
         expiresat: "2019-04-19t15:52:59.895655+08:00"
     },
     status: 200
 }

假设后端一切正常。

我唯一能想到的就是在方法上调用它（nuxt 端）

export default {
  methods: {
    facebooklogin() {
      window.location.href = `http://localhost:8080/auth/facebook`
    }
  }
}

这只会重定向到

http://localhost:8080/auth/facebook/callback?code=AQAaq9GYcGAnQ9wUCDAd5BFRHxMRjqGFR0J6zjGtYpD-

与后端 oauth api 通信时应该采取哪些正确步骤？

谢谢！

解决方案

嗨@sinusGob，你可以使用nuxt的auth插件

请参阅文档。 https://auth.nuxtjs.org/reference/providers/facebook

谢谢。

本篇关于《在 Nuxt 中如何使用独立的 API 服务器处理 OAuth？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于Golang的相关知识，请关注golang学习网公众号！