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)
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报