axios的get请求传数组时报400

解决axios GET方法传数组400错误
最新推荐文章于 2023-08-23 14:18:59 发布
原创 最新推荐文章于 2023-08-23 14:18:59 发布 · 1.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决使用axios的GET方法传递数组时出现400错误的问题，通过安装qs库并在请求拦截器中进行配置，实现正确传输数组参数。

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

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

 

解决方案

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

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

qwqasd123456
关注
（近5w字）面向小白のVue全家桶开发电商管理系统项目总结文档
超逸の学习技术博客
07-05 2661
（近5w字）面向小白のVue全家桶开发电商管理系统项目，挖掘项目亮点，提供学习地址。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
Vue框架在某些情况下无法自动检测数组下标赋值、长度变化，以及对象属性的动态添加和删除。这是因为Vue使用了数据响应式原理，依赖于数据对象的属性是否在初始化时被声明。如果尝试在运行时修改这些属性，Vue可能...
axios get请求传递数组发生400，如何解决
weixin_35323757的博客
09-24 2940
axios的get方法中使用params时对于js数组类型的参数的默认操作比较奇怪，会使得参数名后带上’[]'字符串，发生400 解决方案： // qs库应该是axios安装时会自带的 const qs = require('qs'); axios.get(url, { params:{ arr: [1,2,3] }, paramsSerializer: ...
解决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
qq_58442178的博客
11-30 619
错误原因是前后端的参数类型不一致，也有可能是封装的参数里面的类型和向数据库传递参数时写的类型不一致
axios get请求 url报错400
qq_42894952的博客
02-24 908
解决办法 加了paramsSerializer方法，这是一个负责params 序列化的函数 axios.get(url, { params: { ... }, paramsSerializer: function(params) { return qs.stringify(params, {...
get请求传【】报错
03-12
### 解决 GET 请求传递空数组时报错 当通过 GET 请求向服务器发送数据时，如果参数为空数组，默认情况下可能会导致 URL 中出现不合法的字符或者不符合预期的格式，从而引发 400 错误。为了处理这种情况，在前端可以...
代码axios.get(`/NTOImport/infoMaintance.json?time=${new Date().getTime()}`).then((res) => { // console.log(res.data); root.value = res.data.config; // inline control const inlienControl = root.value.filter(x => x.item === "inlineControl")， build时报错 error TS2339: Property 'filter' does not exist on type '{}'. 75 const inlienControl = root.value.filter(x => x.item === "inlineControl");
最新发布
11-18
总结：通过给axios的get请求指定响应类型，我们可以确保编译器知道 `res.data.config` 是一个数组，从而允许使用数组的 `filter` 方法。 §§相关问题§§ 1. 在TypeScript中，如何为axios的响应数据定义类型？ 2....
Error in render: "TypeError: Cannot read property 'length' of undefined" z在vue页面异步请求时报错
11-01
const response = await axios.get('/api/data'); this.items = response.data; // 请求完成后赋值 } catch (error) { console.error('请求失败:', error); } } } ``` 通过初始化 `items: []`，即使在请求...
axios的get方法参数有中括号[]时，接口报400错误
qq_53416832的博客
04-23 2062
对于自己构建的axios，axios会将params里的参数自动拼成字符串，接到url上，因此须在拦截器中修改params对象里的值，将其内容转码后由axios自动拼接到url上。
踩坑分享（ 4 ）- axios的get传递参数失败，控制台报错400
烟溪彭于晏的博客
05-27 885
解决axios的get传递参数失败，控制台报错400
axios 的 get 方法 params 传参 400 的问题
de683905的博客
08-12 2186
axios 的 get 方法 params 传参，在输入框中输入某些特殊字符 例如中括号，请求时会直接报 400 错误，Bad Request。 原因：axios 的 get 方法，在使用 params 传参时，已经对对象参数进行了序列化处理 方案：在创建 axios 实例时，增加可选的序列化属性 paramsSerializer，在负责序列化 'params'的函数中使用自定义参数...
get请求400错误 vue_解决axios发送post请求返回400状态码的问题
weixin_39890814的博客
12-29 2666
今天在用 发送一个跨域的post请求时，遇到了一个坑：uncaught (in promise) error: request failed with status code 400。前台代码如下：axios({method: "post",url: "http://localhost:8080/employee/testpost",data: {username: '234234',passw...
get请求携带对象参数返回响应码400
nigulazhaosi的博客
08-23 468
使用axios发送get请求，查询字符串中有携带对象参数。造成请求语法错误，导致响应状态码400。今天写项目的时候在做日期查询的模块出现了些问题，在这里记录一下。将请求参数转换为查询字符串放入URL中即可。之后就可以拿到想要查询参数了。
vue向后端传对象数组，400错误
qq_56893858的博客
09-22 1927
遇到的错误 首先说一下需求：收费的时候需要批量的修改对应医技检查表和增加新的费用详细(药品费用也是如此) 这个时候遇到了一个 超级大Bug，前端传的数据里面包括了： 一个int型的id数组 装有将要增加新费用详细的所有数据的对象数组 这个时候前端我使用$qs.stringify()方法来处理参数，这个时候前端 会报415错误，上网搜索后发现报错的原因是:因为传输的参数是json对象，而请求的不是json格式. 用了网上的方法在main.js中加了个axios.defaults.headers.
vue http请求传递数组参数报400-Bad Request
m0_64047085的博客
12-08 833
【代码】vue http请求传递数组参数报400-Bad Request。
django 获取 axios get 过来的数据_Vue实战——集成axios获取数据构建新闻列表页
weixin_39863161的博客
11-20 599
承接上文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 get请求传数组参数
12-26
Axios是一个流行的基于Promise的HTTP库，用于浏览器和Node.js环境。如果你想通过GET请求发送一个数组作为参数，你需要将其转换为合适的格式，因为GET请求通常只接受URL查询字符串形式的数据。最常见的方式是序列化数组为键值对，然后拼接到URL的查询字符串中。 例如，假设你有一个名为`dataArray`的数组： ```javascript const dataArray = ['item1', 'item2', 'item3']; ``` 你可以使用`axios.get`并添加查询字符串参数： ```javascript axios.get('your-url', { params: { arrayParam: dataArray.join(',') } }) .then(response => { // 处理响应... }) .catch(error => { // 处理错误... }); ``` 这里，我们使用了`.join(',')`将数组元素连接成一个逗号分隔的字符串。注意，这种方法并不适用于数组中有特殊字符的情况，可能会需要进行适当的编码。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值