.net core3.1 rest api 无法接收 vue 中 axios 请求

其实之所以rest api无法正常接收,是因为axios的参数是由resquest payload传递的在参数之上还有一层大括号。而jquery ajax的则是由form data传递的。如果想要正常接收参数,则将Request payload 转为 from data 格式就可以了。

vue中处理方案是使用qs

1、安装

npm install qs --save-dev

2、在需要的页面引入

import qs from 'qs'

我是简单封装了一个http.js,那我就我就在.js中引入

3、实际应用

在使用的时候将参数转一下就行了,我是在post方法中转的

 1 export function post(url, params = {}) {
 2   return new Promise((resolve, reject) => {
 3     let postData = qs.stringify(params) // qs
 4     axios.post(url, postData)
 5       .then(response => {
 6         resolve(response.data)
 7       }, err => {
 8         reject(err)
 9       })
10   })
11 }

然后正常使用就行了哈,当然了除此之外网上还有其它解决方案,我没有试用其它方式,大家可以自行测试。

 

 

 

感谢:

https://cloud.tencent.com/developer/article/1503846

 

posted @ 2020-08-31 22:51  PrintY  阅读(378)  评论(0编辑  收藏  举报