Vue向后端传数据后端接收为null问题及解决_vue.js_

npm install qs

import qs from 'qs' //引入qs Vue.prototype.$qs = qs 

axios.post('http://localhost:8080/manage/doctor/login.do', this.$qs.stringify({ doctorName:this.form.username, password:this.form.password, // test:3, }) ) .then(response=>{ console.log(response); }) //获取失败 .catch(error=>{ console.log(error); alert('网络错误，不能访问'); }) 

service.interceptors.response.use( (response) => { loadingInstance && setTimeout(function () { loadingInstance.close() }, 500) const res = response.data return res }, (error) => { loadingInstance && setTimeout(function () { loadingInstance.close() }, 500) if (error && error.response) { var { status, data } = error.response if (status === 401 || status === 403) { if (!loginInstance && whiteRoutes.indexOf(requestUrl) === -1) { loginInstance = MessageBox.confirm('登录超时请重新登录', '重新登录', { confirmButtonText: '好的', type: 'warning' }) .then(() => { loginInstance = null store.dispatch('user/resetToken').then(() => { location.reload() }) }) .catch(() => { loginInstance = null }) } } else { if (data) { Message({ message: data, type: 'error', duration: 5 * 1000 }) } else { Message({ message: data.message || '服务器异常，请稍后再试或联系管理员', type: 'error', duration: 5 * 1000 }) } } } else { Message({ message: '服务器异常，请稍后再试或联系管理员', type: 'error', duration: 5 * 1000 }) }