Nuxt-auth ...登录网络头给了我一个奇怪的路径，好像是我的登录页面的locale路由。

Question

我试图使用nuxt-auth模块和axios，但它给了我 "Cannot read property 'data' of undefined"...登录头给了奇怪的路径 "Request URL.http:/aqar.abdullah.linkapiapiauthlogin"。http:/aqar.abdullah.linkapiapiauthlogin。"，请问有什么帮助吗？

Nuxt.config.js

axios: {
baseURL:'http://aqar.abdullah.link/api',

auth: {
  strategies: {
    local: {
      endpoints: {
        login: { url: '/office/login', method: 'post', propertyName: 'data.token' },
        user: { url: '/auth/me', method: 'post', propertyName: false },
        logout: false
      }
    }
  }
}

}

登录方式。

 methods:{
 async Login(){
   try{
     await this.$auth.loginWith('local', {
        data:{
            email: this.email,
            password: this.password
        }
    })

    this.$router.push('/')

   }catch(e){
     this.error = e.response.data
   }

 },
},

Api响应的邮递员。

文件夹中的登录页面路径

Answer 1

我不确定，我使用了完全相同的配置，但它为我工作。nuxt.config.js 文件有缺失的结尾 }, 对于 axios 对象。

它应该像这样。

  axios: {
    baseURL: "http://aqar.abdullah.link/api"
  },
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: {
            url: "/office/login",
            method: "post",
            propertyName: "data.token"
          },
          user: { url: "/auth/me", method: "post", propertyName: false },
          logout: false
        }
      }
    }
  },

也要确保你有这些模块在你的 nuxt.config.js 也是。

  modules: [
    "@nuxt/http",
    "@nuxtjs/auth",
    "@nuxtjs/axios",
  ],