执行 await axios.post(url, payload) 并没有发送任何请求出去?

来源:8-1 登录第一部分 获取token

慕勒0141251

2020-12-10

请问老师一个问题,我按照课堂上的代码写的登录的功能,但是在运行的时候发现提交email和密码后,页面并没有发送post请求,而是login组件重新加载了一次。

调试的时候,发现代码执行到下面的 axios.post(url,payload)时,就不往下执行了,查看post请求并没有发送出去,请问老师为什么请求发送不出呀?icode已经按照7.5章节设置了

const postAndCommit = async (url: string, mutationFunc: string, commit: Commit, payload: any) => {
console.log('calling postAndCommit:login')
const { data } = await axios.post(url, payload)
console.log(data)
commit(mutationFunc, data)
return data
}


其他相关代码:

//login.vue
const onSubmitForm = (result: boolean) => {
console.log('validation results:', result)
if (result) {
const payload = {
email: emailVal.value,
password: passwordVal.value
}
store.dispatch('login', payload).then(data => {
console.log(data)
router.push('/')
})
}
}
//Store.ts
mutations: {
login (state, rawdata) {
state.token = rawdata.data.token
state.user = { isLogin: true, userName: 'test', columnID: '1' }
}
},
actions: {
login ({ commit }, payload) {
console.log('calling actions:login')
return postAndCommit('/user/login', 'login', commit, payload)
}
},




写回答

1回答

慕勒0141251

提问者

2020-12-11

老师,问题已经解决了,谢谢~

0
1
weixin_慕先生7015352
能请教一下怎么解决的吗?我正好也遇到了这个问题
2021-01-17
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程