踩坑分享（ 4 ）- axios的get传递参数失败，控制台报错400

最新推荐文章于 2023-04-23 17:16:37 发布
最新推荐文章于 2023-04-23 17:16:37 发布
阅读量775 收藏
点赞数
分类专栏： 踩坑分享 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_61672548/article/details/125002396
版权

在使用axios.get（）发送异步请求的时候，发现一直接收参数上出现错误。

百度上查了半天没有解决。然后我尝试缓冲axios.post（），然后就成功了！

后面我去查了一下axios.get（）传递参数的正确方式。可以去参考这位大佬的

NoBug.
关注
专栏目录
Nuxt - asyncData / fetch 请求数据控制台报错 Cannot read properties of undefined (reading ‘data‘) 也可能报其他未定义
王佳斌
07-08 3996
今天初次配置并使用 asyncData / fetch 请求异步数据时，发现控制台报了一个错误（如题），当时一看懵了，这哪有什么 `data` 不存在啊，于是将矛头指向了该页面组件的 `data` 与模板，发现并首先，您必须确保请求路径及跨域等配置正常，并且能正常在 钩子中请求。因为 请求在 服务端完成请求！！！，其环境并没有 window / document 等对象，当遇到这些 “无法识别” 的对象时，就会抛出这个错误（如题）。所以您的请求配置那块，如果用到了相关对象或语法，请使用环境变量判断一下。
【vue】axios和vue-axios请求模块
早睡早起长头发的博客
08-19 1748
一、axios模块 二、axios使用方法 1.创建服务器端Express项目 2.创建服客户端Vite项目 3.在vite客户端安装axios 三、axios的五种请求 1.无参的get请求 2.带参的get请求 3.post请求 4.put请求 5.patch请求 6.delete请求 四、axios的数据封装格式 五、vue-axios模块 1.安装 2.在main.js文件中进行全局的配置
解决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请求 url报错400
qq_42894952的博客
02-24 863
解决办法 加了paramsSerializer方法，这是一个负责params 序列化的函数 axios.get(url, { params: { ... }, paramsSerializer: function(params) { return qs.stringify(params, {...
axios get请求后台400
qq_58442178的博客
11-30 553
错误原因是前后端的参数类型不一致，也有可能是封装的参数里面的类型和向数据库传递参数时写的类型不一致
axios的get请求传数组时报400
qwqasd123456的博客
12-03 1309
axios的get方法中传数组时会报400错误，传的格式如下 其实后端想要的数据格式是这样的 解决方案 1 安装qs（npm install qs --save） 2 然后再请求拦截器中加入如下的代码就行了 ...
axios get请求参数传值未成功
qq_39185867的博客
05-18 1434
const ajax = axios.create({ baseURL: 'https://www.fastmock.site/mock/ae8e9031947a302fed5f92425995aa19/jd', timeout: 10000 }) export const get = (url, params = {}) => { return new Promise((resolve, reject) => { ajax.get(url, { params }).the.
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
01-21
今天在项目中使用axios时发现axios.all() 方法可以执行但是控制台报错，后来在论坛中看到是由于axios.all() 方法并没有挂载到 axios对象上，需要我们手动去添加 == 只需要在你封装的axios文件里加入 == instance....
vue-axios使用详解
08-30
在 Vue-Axios 中，GET 请求可以使用 `axios.get()` 方法实现。例如： ``` axios.get("/user?id=1") .then(function(response) { // 处理响应数据 }) .catch(function(error) { // 处理错误 }); ``` 二、POST ...
vue-32-axios-get方法.mp4
09-18
Axios，基于Promise的HTTP客户端，可以工作于浏览器中，也可以在node.js中使用。 功能： 从浏览器中创建XMLHttpRequest 从node.js中创建http请求 支持Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动...
解决axios中get传参为嵌套对象时返回400错误
总柴的博客
03-25 1879
解决axios中get传参为嵌套对象时返回400错误 错误原因： 400：传参错误，所以是axios解析多层对象异常 解决办法： 安装qs插件来帮助解析参数 实例： 安装： npm i qs yarn add qs 引入： import qs from ‘qs’ 使用： import axios from 'axios' import qs from 'qs' const par = { name: 'wei', age: 18, friend: { goodfriend: 'xiaom
在Vue项目中，用axios的get请求携带对象参数给后端发送请求会报400错误
qq_45228330的博客
03-05 2343
在Vue项目中，用axios的get请求携带对象参数给后端发送请求会报400错误 原因： axios的post请求默认数据格式是json,所以服务器可以正确解析。 但是get请求的默认格式是字符串，所以会报错400. 项目中的post和put请求都能够直接携带对象参数并被服务器正确解析。所以猜测put应该数据格式默认也是json. 解决方法： 1.安装Qs插件命令 参考链接: https://www.cnblogs.com/dudu123/p/10284503.html. 2.后端改成post携带对象参数
axios的get方法参数有中括号[]时，接口报400错误
qq_53416832的博客
04-23 1678
对于自己构建的axios，axios会将params里的参数自动拼成字符串，接到url上，因此须在拦截器中修改params对象里的值，将其内容转码后由axios自动拼接到url上。
axios发起get请求时，参数带不过去
weixin_44228952的博客
04-17 7465
好久没写js了，今天写js请求时发现发起的get请求，参数丢了 情况复现： 但js代码感觉没问题： 但就是参数带不上，后来看了一下我请求方法getCategoryAtrribute()方法。 底层对axios的包装： 因为js对对象类型是引用传递的，所以肯定是我的定义的入参出了问题，后来记起 axios时的配置选项中包含params和data两者 params是添加到url的请求字符串中的，用于get请求。 data是添加到请求体（body）中的， 用于post请求。 平常我们直接发起axios
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...
get请求400错误 vue_axios封装的get请求报错400是为什么？
weixin_39902870的博客
12-29 960
代码如下，借鉴网络资源：// 请求拦截器axios.interceptors.request.use(config => {if (store.state.token) {config.headers.Authorization = `token ${store.state.token}`}// config.headers['Content-Type'] = 'application/x-...
get请求的参数包含中括号[]时，报错400
aitanxiaofeng的博客
01-29 1946
原因参考博客 更好的解决方案 axios get传递数组 paramsSerializer序列化 import axios from 'axios'; import qs from 'qs'; //配置axios参数序列化,把中括号等特殊字符序列化 const request = axios.create({ 　　paramsSerializer: (params) => qs.stringify(params, { indices: false }), 　}) export default {
前端使用axios发送请求,后端使用@RequestParam接收,前端报400（附uniapp.request()同类解决办法）
CJB2020818的博客
04-08 1677
前端使用axios发送请求,后端使用@RequestParam接收,前端报400
axios发送get传递参数
最新发布
09-12
使用axios发送GET请求并传递参数的话，可以通过将参数拼接在URL的后面。以下是一个示例代码： ```javascript import axios from 'axios'; // 定义参数对象 const params = { param1: 'value1', param2: 'value2', }; // 发送GET请求，并将参数拼接在URL后面 axios.get('https://example.com/api', { params }) .then(response => { // 处理响应数据 console.log(response.data); }) .catch(error => { // 处理错误 console.error(error); }); ``` 在上述示例中，我们将参数对象`params`作为第二个参数传递给`axios.get()`方法。axios会自动将参数拼接在URL的后面，发送GET请求。在后端接收请求时，可以通过解析URL获取传递的参数。 注意：这种方式适用于将参数拼接在URL后面，对于传递复杂的参数对象，可以使用`axios.post()`方法发送POST请求，并将参数作为请求体的一部分发送。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

NoBug.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值