返回

vue.js——当我使用@nuxtjs/auth登录时,它会发送一个与我指定的URL不同的请求

发布时间:2022-04-12 02:56:25 551
# 前端

我们想要解决的问题

我用的是@nuxtjs/auth'Nuxt的模块。js用于登录身份验证,但当我使用loginWith方法,我得到一个错误,因为它跳转到一个未指定的URL,而不是配置中设置的URL。我需要知道这是怎么发生的,为什么会发生。

配置中设置的URL

'/api/v1/auth/sign_in'

正在发送的实际URL

/api/auth/login

密码

配置

  // Axios module configuration: https://go.nuxtjs.dev/config-axios
  axios: {
    baseURL: 'http:localhost:3000'
  },

  auth: {
    redirect: {
      login: '/user/login',
      logout: '/user/login',
      callback: false,
      home: '/'
    },
    strategines: {
      local: {
        endpoints: {
          login: { url: '/api/v1/auth/sign_in', method: 'post', propertyName: 'token' },
          logout: { url: '/api/v1/auth/sign_out', method: 'delete' },
          user: { url: '/api/v1/auth/user', method: 'get' }
        }
      }
    }
  },

组件

import logoImg from '~/assets/images/login_logo.png'
export default {
  data () {
    return {
      logoImg,
      userInfo: {
        email: '',
        password: ''
      }
    }
  },

  methods: {
    async login () {
      await this.$auth.loginWith('local', {
        data: {
          email: this.userInfo.email,
          password: this.userInfo.password
        }
      })
        .then(
          (response) => {
            localStorage.setItem('access-token', response.headers['access-token'])
            localStorage.setItem('client', response.headers.client)
            localStorage.setItem('uid', response.headers.uid)
            localStorage.setItem('token-type', response.headers['token-type'])
            return response
          },
          (error) => {
            return error
          }
        )
    }
  }
}

错误

OST http://localhost:3000/api/auth/login 404 (Not Found)
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
下一篇
ubuntu-使用模块编译nginx配置失败 2022-04-12 01:37:02