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

Question

请问老师一个问题，我按照课堂上的代码写的登录的功能，但是在运行的时候发现提交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)
}
},

Answer 1

提问者 慕勒0141251 2020-12-11 17:30:43

老师，问题已经解决了，谢谢～

• weixin_慕先生7015352 #1

  能请教一下怎么解决的吗？我正好也遇到了这个问题