糖尿病康复,内容丰富有趣,生活中的好帮手!
糖尿病康复 > vue3使用axios发送post请求 后台接收到的参数总是null 使用postman测试后台是能接收数据的

vue3使用axios发送post请求 后台接收到的参数总是null 使用postman测试后台是能接收数据的

时间:2019-06-02 17:09:04

相关推荐

vue3使用axios发送post请求 后台接收到的参数总是null 使用postman测试后台是能接收数据的

使用vue3,连基本的请求都失败了,使用浏览器查看post请求,参数中是有值,但是传到后台,每个参数都是null,不知道哪里错了。排除了后台的错误,就剩下了vue代码的错误了。我出错的地方是vue使用axios发送post请求的时候,参数格式写错了。

直接贴代码了,正确的写法

axios.post(url, this.form).then(后面省略)

form是表单,这个不需要多解释了,里面有若干属性。

正确写法,post请求在浏览器显示的传参格式是:

{"prop1": "value","prop2": "value","prop3": "value","prop4": "value","prop5": "value","prop6": "value","prop7": "value"}

下面是错误的写法,

axios.post(url, data{form:this.form}).then(后面省略)

错误的传参,显示的参数格式是:

form: {"prop1": "value","prop2": "value","prop3": "value","prop4": "value","prop5": "value","prop6": "value","prop7": "value"}

第二次出现这种错误了,因为好久没用vue了。我也百度了,看了许许多多的解决方法,使用qs格式化参数,等等等的,估计也是能够解决的,但是直接看源代码比较好,我也把vue3 axios post源码贴出来

post<T = any, R = AxiosResponse<T>, D = any>(url: string, data?: D, config?: AxiosRequestConfig<D>): Promise<R>;

真正的参数位置直接看

(url: string, data?: D, config?: AxiosRequestConfig<D>)

直接就是post(url, data(比如this.form)),如果写post(URL,data{a:this.a}),那后台就得在请求实体里加一个实体类作为请求实体的属性,方能接收到这些参数,不至于将这些参数弃置。

如果觉得《vue3使用axios发送post请求 后台接收到的参数总是null 使用postman测试后台是能接收数据的》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。