提交表单后可以看到前端拿到了username，报错信息如下，后端没有接收到错误，并且用postman测试发现没有问题。

在axios的request.js中baseUR本来设置为''

设置为baseURL: 'http://localhost:8081'解决了这个问题

设置完之后post的请求地址request.post("/user/save",this.form)变化

xhr.js?cdfe:220 POST http://loaclhost:8081/user/save net::ERR_NAME_NOT_RESOLVED dispatchXhrRequest @ xhr.js?cdfe:220 xhrAdapter @ xhr.js?cdfe:16 dispatchRequest @ dispatchRequest.js?82e5:58 Promise.then (async) request @ Axios.js?b9a8:89 httpMethod @ Axios.js?b9a8:144 wrap @ bind.js?e506:9 saveFrom @ Home.vue?76f2:304 invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1863 invoker @ vue.runtime.esm.js?2b0e:2188 invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1863 Vue.$emit @ vue.runtime.esm.js?2b0e:3903 handleClick @ element-ui.common.js?5c96:9457 invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1863 invoker @ vue.runtime.esm.js?2b0e:2188 original._wrapper @ vue.runtime.esm.js?2b0e:6961 Home.vue?76f2:303 {ob: Observer} request.js?64f3:39 errAxiosError: Network Error Home.vue?76f2:311 error Network Error

 

 axiospost方法

            //保存表单saveFrom(){console.log(this.form)request.post("http://loaclhost:8081/user/save",this.form).then(res =>{if(res){this.$message.success("恭喜你，保存成功！")}else{this.$message.error("很抱歉，保存失败！")}}).catch(error =>{console.log("error",error.message)})}