1

我已经使用 dj-rest-auth / django allauth 设置了社交身份验证。端点期望此信息为 JSON: 在此处输入图像描述

不幸的是,在我看来,Nuxt Auth 假设后端应该从 URL 中提取信息,尽管它将它作为 POST 请求发送。所以发生的事情是:我点击继续使用 Google > Nuxt auth 将我推送到 google > Google 将我推送到我的回调 URL,其中包含 URL 中存在的所有信息.. Nuxt Auth 获取该 URL 并按原样发送。

在此处输入图像描述

所以我有两个选择:

  1. 我是否尝试修改后端,感觉相当麻烦。
  2. 我是否以某种方式覆盖 Nuxt Auth?我在这里相当无知。

文档谈论创建自定义方案: https ://auth.nuxtjs.org/guide/scheme

但从那时起,我真的不知道如何定制实际发出的后期请求。帮助将不胜感激。

我的 NUXT.CONFIG.JS:

auth: {
    redirect: {
      login: '/register',
      logout: false,
      // callback: '/login',
      home: '/bevakning'
    },
    strategies: {
      google: {
        scope: ['profile', 'email'],
        codeChallengeMethod: '',
        responseType: 'code',
        endpoints: {
          token: 'http://localhost:8000/social-login/google/',
          userInfo: 'http://localhost:8000/auth/user/'
        },
        // withCredentials: true,
      },
      local: {
        token: {
          property: 'key',
          type: 'Token ',
          maxAge: 86400 * 120
        },
        user: {
          // using property: false means it will use the entire json response as user and not just one variable.
          property: false
          // property: 'email'
        },
        endpoints: {
          login: {
            url: '/dj-rest-auth/login/ ',
            method: 'post',
            // propertyName: 'auth_token'
          },
          logout: {
            url: '/dj-rest-auth/logout/',
            method: 'post'
          },
          user: {
            url: '/dj-rest-auth/user/',
            method: 'get',
          }
        },
        // tokenRequired: true,
        // tokenType: 'Token ',
        // globalToken: true,
        autoFetchUser: true,
      }
    }
  },

编辑:解决了我遇到的问题,这是由 Axios 覆盖 nuxt auth 方法引起的。当内容类型设置为 JSON 时,我意识到有些东西不对劲,但发送的正文好像是 x-www-urlencoded。

4

1 回答 1

1

原来问题与我使用 Axios 全局添加 application/json 标头有关。axios: { // 额外配置 eg baseURL: 'http://localhost:8000/', timeout: 30, headers: { common: { "Content-Type": "application/json", Accept: "application/json" , }, } },

这导致 Nuxt Auth POST 请求的 x-www-urlencoded 格式被错误解释。

于 2021-09-24T18:35:14.747 回答