axios接口报错-参数类型错误解决

最新推荐文章于 2024-07-12 04:27:54 发布
最新推荐文章于 2024-07-12 04:27:54 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： 接口 文章标签： 接口 前端 post json get
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zaqenenen/article/details/111667702
版权
本文介绍了axios在接口调用中遇到的常见问题，包括post方法问号跟参位置、content-type设置、token发送格式、特殊字符导致的400错误以及200状态但返回错误的处理方法。详细讲解了每种问题的解决方案，如使用qs库处理参数、设置正确的Content-Type、在token中添加引号、使用encodeURI进行参数加密等。
摘要由CSDN通过智能技术生成

1.post方法问号跟参在url后发送请求

  • 通过qs方法
    在这里插入图片描述
  • …运算符
    在这里插入图片描述

2.content-type未符合

  • 首先了解post请求常见的数据格式（参考文章）
  1. Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端
    Content-Type:
  2. application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端
  3. Content-Type: multipart/form-data：它会将请求体的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。
  • 发送数据类型为application/x-www-form-urlencoded 的请求
    在这里插入图片描述

<

最低0.47元/天 解锁文章
zaqenenen
关注
专栏目录
axios请求头的content-type和参数格式（能成功访问数据库，但后端接收不到传入的参数）
weixin_43751311的博客
07-06 1631
axios默认请求头是application/x-www-form-urlencoded，而这个 application/x-www-form-urlencoded 格式发送数据，数据必须是 URLSearchParams 类型，或者字符串参数 a=1&b=2 格式。 出现的问题：能成功访问数据库，但后端接收不到传入的参数 解决要点：根据后端给的接口要求的参数格式选择请求头的content...
axios的post方式传后端参数时，后端一直接收不到或报参数格式有误
qq_38969618的博客
02-03 300
需先下载：npm install qs 最后发送的数据就是以 form-urlencodoed的方式发送了。 import qs from "qs"; axios({ method: "post", url: "https://aip.baidubce.com/rest/2.0/ocr/v1/idcard?access_token=24....
axios CORS error
最新发布
weixin_42297675的博客
07-12 145
解决axios跨域错误 在Web开发中，跨域请求是一个常见的问题。当我们使用axios发送跨域请求时，有时候会遇到CORS（跨域资源共享）错误。这种错误会导致请求无法成功发送，给我们的开发工作带来困扰。本文将介绍axios跨域错误的原因和解决方法。 什么是CORS错误？ CORS是一种Web浏览器的安全机制，用于控制网页是...
Vue 使用axios 发送post请求,参数格式有错误问题
Keluoladuo的博客
11-14 753
在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定。 解决方法： created() { var self = this; axios.post(’/api/question/follower’, { ‘question’:this.question, ‘user’:this.user }).then(function(response){ // console...
axios 请求参数格式错误
路西法Lucifer
11-04 1562
问题： 新增失败，出现400 发现请求的数据格式是JSON格式。 原因： axios处理请求体的原则会根据请求数据的格式来定： 如果请求体是对象：会转为json发送 如果请求体是String：会作为普通表单请求发送，但需要我们自己保证String的格式是键值对。 如：name=jack&amp;age=12 QS是一个第三方库，我们可以用npm ins...
Axios拦截器之error参数
qazxbjp2010的博客
04-13 2936
我们都知道Axios的响应拦截器 axios.interceptors.response.use( function (response) { // 对响应数据做点什么 return response; }, function (error) { // 对响应错误做点什么 return Promise.reject(error); } ); ...
2-5.vue+axios+element-ui实现分页查询
落叶的博客
03-04 2640
Vue与Axios结合进行后台交互 这里是将vue与element-ui组件结合使用，在使用之前，得准备好vue与element-ui的安装环境，详情安装操作请参考博客https://blog.csdn.net/weixin_43913219/article/details/104296020 在之前的博客中只是模拟了一些数据，并没有与后台进行交互。这次是将axios与vue结合进行后台交互。 安...
解决vue2中使用axios http请求出现的问题
11-30
这样设置后，虽然404错误可能会被解决，但可能会发现后端仍然无法接收到传入的参数。这是因为`axios`默认将`params`对象转换为JSON格式，而大多数后端API期待的是URL编码的数据。为了解决这个问题，我们需要引入`qs`...
vue-promise-axios
weixin_57218747的博客
07-12 499
1 回调函数 1.1 回调函数定义： ① 函数是不是你定义的 你定义的 ② 函数你要有没有调用 你没调用 ③ 最终函数有没有被执行 最终执行了 1.2 回调函数分类： 同步的回调：数组api中的回调函数基本都是同步的；promise的执行器是同步的 异步的回调：定时器的回调 dom事件的回调 ajax请求的回调 遇到异步回调函数需注意以下两点： ① 回调什么时候进队列 ② 回调什么时候被执行 内存结构：堆 栈 队列 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存
vue项目统一响应_在vue项目中：统一封装 Axios 接口与异常处理
weixin_33364925的博客
01-14 477
如图，面对一团糟代码的你~~~真的想说，What FUC~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转...
使用axios获取http请求时可能发生异常，无非三种情况1：获取地址的url错误，2：给的参数错误，3：请求方法错误（GET或POST），下面我们讲一讲http请求时常见的状态码（如403，404）
zhzjn的博客
12-13 1955
101 Switching Protocols：表示服务器已经理解了客户端的请求，并且将切换到不同的协议来完成请求。100 Continue：表示服务器已经接收到请求的头部，并且客户端应该继续发送请求的主体部分。1、信息性状态码，表示服务器已经接收到请求并正在处理，但需要进一步的操作才能完成请求；表示服务器已经接收到请求并正在处理，但需要进一步的操作才能完成请求。201 Created：表示请求已成功，并且服务器创建了新的资源。302 Found：表示请求的资源已临时移动到新的URL。
swagger-typescript-api 在加入axios response拦截器后，ts生成的类型不对
qq_40583869的博客
10-30 322
一般使用axios，项目中都会直接加入拦截器，返回response.data,但是这样的话sta自动生成的api ide就不能正确识别，代码提示仍然包含code data message，如果有相同问题，可以像我这样配置，首先生成一套sta模板，之后改一下模板中的data-contracts.ejs文件。改完就能正确的识别啦。
axios 底层是如何判断是否应该报错的
qq_35273097的博客
10-29 878
`axios` 默认底层封装了 `XMLHttpRequest` 和 `http/https` 库，默认情况下只有以下四种情况会报错：取消请求、网络错误、超时、状态码不在 [200,300) 区间内
前端转换bigInt，axios拦截器失效
iZaix的博客
07-18 781
transformResponse之后，拦截器失效，不能正确拦截异常，拦截不到401，bigint之后，拦截器失效
数据中数字 JS 安全整数范围，js转换出问题，导致axios发送请求失败
weixin_44704657的博客
08-25 497
解决：使用json-bigint 使用： 1、下载安装 npm i json-bigint 2、引入import JSONbig from 'json-bigint' 3、在axios中的tranformResponse属性中转换，transfromResponse属性是axios在自动解析JSON数据之前的data，可以在发送到服务器之前对请求的数据做出一些改动。 只适用于以下请求方式：put...
axios使用create创建实例并设置baseURL报错“Error: Request failed with status code 404“
二木成林
11-21 7316
异常 Error: Request failed with status code 404 at createError (D:\NodeJs\node-demo\node_modules\axios\lib\core\createError.js:16:15) at settle (D:\NodeJs\node-demo\node_modules\axios\lib\core\settle.js:17:12) at IncomingMessage.handleStreamEnd (
解决axios传递数组参数问题（全网最简单）
qq_56088882的博客
03-12 1729
在要传输的数组后面直接加+"",这样就能传输正常
vue axios传参报错的解决方法
runwuwushengxiyu的博客
06-26 166
vue axios传参报错的解决方法
vueaxios突然报错
09-09
另外，根据引用，如果你在main.js中导入axiosInstance.js文件时使用了错误的路径或文件名，也会导致报错。请确保路径和文件名的正确性。 此外，根据引用，如果你在Vue 3的项目中使用Vue.use(Plugin)来注册Axios插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值