axios的get请求传数组时报400

最新推荐文章于 2023-04-23 17:16:37 发布
最新推荐文章于 2023-04-23 17:16:37 发布
阅读量1.3k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwqasd123456/article/details/103367473
版权

axios的get方法中传数组时会报400错误，传的格式如下

其实后端想要的数据格式是这样的

 

解决方案

1 安装qs（npm install qs --save）

2 然后再请求拦截器中加入如下的代码就行了

qwqasd123456
关注
（近5w字）面向小白のVue全家桶开发电商管理系统项目总结文档
超逸の学习技术博客
07-05 2383
（近5w字）面向小白のVue全家桶开发电商管理系统项目，挖掘项目亮点，提供学习地址。
choerodon-ui/pro入门 - dataset 的使用
qq_41815639的博客
10-27 2589
Choerodon UI 介绍 Choerodon UI 是基于 Ant Design@3.4.0 的 React 实现，开发和服务于企业级后台产品。 dataSet 学习 dataSet 就是一个store 可以随意处理 Transport 的使用 dataSet 中的 transport 里面封装了 dataset 与后端交互的一些基本方法，利用 transport 中的方法可以很容易实现...
解决axios发送post请求返回400状态码的问题
01-19
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: post, url: http://localhost:8080/employee/testpost, data: { username: '234234', password: '4565' } }).then((res) => { console.log(res.data); }) 后台代码如下： @CrossOrig
axios get请求传递数组发生400，如何解决
weixin_35323757的博客
09-24 2813
axios的get方法中使用params时对于js数组类型的参数的默认操作比较奇怪，会使得参数名后带上’[]'字符串，发生400 解决方案： // qs库应该是axios安装时会自带的 const qs = require('qs'); axios.get(url, { params:{ arr: [1,2,3] }, paramsSerializer: ...
axios get请求后台400
qq_58442178的博客
11-30 552
错误原因是前后端的参数类型不一致，也有可能是封装的参数里面的类型和向数据库传递参数时写的类型不一致
axios get请求 url报错400
qq_42894952的博客
02-24 863
解决办法 加了paramsSerializer方法，这是一个负责params 序列化的函数 axios.get(url, { params: { ... }, paramsSerializer: function(params) { return qs.stringify(params, {...
axios的get方法参数有中括号[]时，接口报400错误
最新发布
qq_53416832的博客
04-23 1673
对于自己构建的axios，axios会将params里的参数自动拼成字符串，接到url上，因此须在拦截器中修改params对象里的值，将其内容转码后由axios自动拼接到url上。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
Vue框架在某些情况下无法自动检测数组下标赋值、长度变化，以及对象属性的动态添加和删除。这是因为Vue使用了数据响应式原理，依赖于数据对象的属性是否在初始化时被声明。如果尝试在运行时修改这些属性，Vue可能...
vue项目实战跟练2
weixin_39513719的博客
10-23 790
通用后台管理系统跟练笔记
Vue3.0项目---蜘蛛电影（解析）
weixin_43842821的博客
04-09 863
项目简介 蜘蛛电影主要是仿猫...
踩坑分享（ 4 ）- axios的get传递参数失败，控制台报错400
烟溪彭于晏的博客
05-27 774
解决axios的get传递参数失败，控制台报错400
axios 的 get 方法 params 传参 400 的问题
de683905的博客
08-12 2141
axios 的 get 方法 params 传参，在输入框中输入某些特殊字符 例如中括号，请求时会直接报 400 错误，Bad Request。 原因：axios 的 get 方法，在使用 params 传参时，已经对对象参数进行了序列化处理 方案：在创建 axios 实例时，增加可选的序列化属性 paramsSerializer，在负责序列化 'params'的函数中使用自定义参数...
get请求400错误 vue_解决axios发送post请求返回400状态码的问题
weixin_39890814的博客
12-29 2479
今天在用 发送一个跨域的post请求时，遇到了一个坑：uncaught (in promise) error: request failed with status code 400。前台代码如下：axios({method: "post",url: "http://localhost:8080/employee/testpost",data: {username: '234234',passw...
vue向后端传对象数组，400错误
qq_56893858的博客
09-22 1797
遇到的错误 首先说一下需求：收费的时候需要批量的修改对应医技检查表和增加新的费用详细(药品费用也是如此) 这个时候遇到了一个 超级大Bug，前端传的数据里面包括了： 一个int型的id数组 装有将要增加新费用详细的所有数据的对象数组 这个时候前端我使用$qs.stringify()方法来处理参数，这个时候前端 会报415错误，上网搜索后发现报错的原因是:因为传输的参数是json对象，而请求的不是json格式. 用了网上的方法在main.js中加了个axios.defaults.headers.
vue http请求传递数组参数报400-Bad Request
m0_64047085的博客
12-08 698
【代码】vue http请求传递数组参数报400-Bad Request。
django 获取 axios get 过来的数据_Vue实战——集成axios获取数据构建新闻列表页
weixin_39863161的博客
11-20 543
承接上文Vue实战——vue+router+vuex导航守卫进行身份验证，本文集成axios来获取新闻列表数据。本项目git地址：https://gitee.com/vuejslearn/news-list.git首先，安装axiosnpm install axios --save然后我们在package.json里就会看到了axios的依赖了。然后在main.js中引入、注入axios：impo...
axios发送post请求返回400状态码
热门推荐
Swift's Blog
05-10 4万+
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: "post", url: "http://localhost:8080/employee/testpost", data: {...
处理axios请求400并获取后端返回信息【arraybuffer转json】
weixin_59685936的博客
09-19 1246
处理axios请求400并获取后端返回信息【arraybuffer转json】
axiospost请求传数组
04-01
可以使用FormData对象来传递数组，将数组添加到FormData对象中即可。 例如，假设要传递一个名为data的数组，可以使用以下代码： ``` const data = [1, 2, 3]; const formData = new FormData(); formData.append('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值