ant vue 兼容性问题_ant design vue登录问题

按照官方文档对接服务器需要移除mock, 在移除mock后请求出现异常, 比如login的时候会连着调用login, getinfo, logout三个方法, 另外Vue.ls.set()无法写入数据?

Login.vue

validateFields(validateFieldsKey, { force: true }, (err, values) => {

if (!err) {

// console.log('login form', values)

const loginParams = { ...values }

delete loginParams.username

loginParams[!state.loginType ? 'email' : 'username'] = values.username

loginParams.password = values.password

# Login action传入请求参数

Login(loginParams)

.then((res) => this.loginSuccess(res))

.catch(err => this.requestFailed(err))

.finally(() => {

state.loginBtn = false

})

} else {

setTimeout(() => {

state.loginBtn = false

}, 600)

}

})

loginSuccess (res) {

console.log('res is', res) // res is undefined

// check res.homePage define, set $router.push name res.homePage

// Why not enter onComplete

/*

this.$router.push({ name: 'analysis' }, () => {

console.log('onComplete')

this.$notification.success({

message: '欢迎',

description: `${timeFix()},欢迎回来`

})

})

*/

this.$router.push({ path: '/' })

// 延迟 1 秒显示欢迎信息

setTimeout(() => {

this.$notification.success({

message: '欢迎',

description: `${timeFix()},欢迎回来`

})

}, 1000)

this.isLoginError = false

},

vuex user.js

actions: {

// 登录并存储access_token

Login ({ commit }, userInfo) {

return new Promise((resolve, reject) => {

login(userInfo).then(response => {

console.log('response is:', response) //

const result = response.data

// 无法写入localstorage

Vue.ls.set(ACCESS_TOKEN, result.access_token, 1 * 1 * 60 * 60 * 1000)

commit('SET_TOKEN', result.access_token)

// 无法向下传递, 导致loginSuccess无法拿到res

resolve()

}).catch(error => {

reject(error)

})

})

},

个人理解:Login(loginParams)调用的是vuex的user action Login(), 在Login中调用login(userinfo)获取登录成功返回的信息, 然后将token存入localStorage和vuex中, 最后resolve之后在loginSuccess中再次获取response,然后跳转到首页

具体问题: login(userinfo)返回登录成功的信息无法存入loaclStorage中, 同时resolve()时无法向下传递response导致loginSuccess(res)无法获取到res, 然后login的时候只需调用login一个方法, 但是调用login的时候同时调用了getUserInfo和logout

问题出现点: 个人猜测是login的同时调用了logut导致无法刚存入localStorage后的token又被清除

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
评论

打赏作者

川口

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值