使用axios请求数据，post请求出错。因为axios传递的请求参数是json格式，而后端接口要求是formData

最新推荐文章于 2022-11-19 13:28:27 发布
最新推荐文章于 2022-11-19 13:28:27 发布
阅读量2.9k 收藏 1
点赞数 2
分类专栏： 笔记 原创 Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15238979/article/details/90263401
版权
本文介绍了在使用axios进行POST请求时遇到的问题，即axios默认发送JSON格式数据，但后端接口需要formData格式。文章提出了两种解决办法，包括设置请求头和使用qs模块，并给出了参考资料链接。
摘要由CSDN通过智能技术生成

设置请求头标准写法

const config = {
   
        headers: {
   
          adminSign:'admin'
        }
};
that.axios.get(dataUrl + "myadmin/info",config).then(res => {
   
          console.log(res, "首页表格成功");
          that.artistNum = res
最低0.47元/天 解锁文章
孙小笔
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue + Axios 使用post请求方法时，传参的两种方式（FormData、json字符串）
窝窝头的博客
11-06 1万+
一、表单数据 FormData 1.1、控制台显示效果如下 1.2、axios配置，设置请求头： Header 解释 示例（参考这里） Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html ...
axios 实现post请求时把对象obj数据转为formdata
10-16
下面是一个完整的代码示例，展示如何将对象转换为formdata并使用axios发送POST请求： ```javascript var axios = require('axios'); var obj = { key1: 'value1', key2: 'value2' }; var formData = ''; for ...
使用axios请求数据，post请求出错。因为axios传递的请求参数是json格式，而后端接口要求是formData...
anda9128的博客
05-10 551
解决办法1：（IOS兼容性有问题，不推荐使用） // json格式转为formData格式，因为某些接口的原因 function json2formData(jsonData) { var params = new URLSearchParams(); for(var key in jsonData){ //遍历json对象的每个key/val...
Vue使用axios请求数据，默认post请求传参是json格式，但后台需要formData格式？？？
qq_38057434的博客
11-09 1万+
最简单的方式，post请求参数json转formData… 代码如下： 使用node的 qs 模块（推荐使用） 就是这么简单，在结合element ui表单一键提交涉及到，希望遇到的同学少走弯路，加油~ ...
axios——post请求时把对象obj数据转为formdata格式
weixin_30677617的博客
07-29 471
转载自：https://blog.csdn.net/feizhong_web/article/details/80514436 在调用后台接口的时候，上传报名信息，利用axios 的post请求，发数据， 但是显示参数错误，但是查看header的时候，发现居然是一个对象： 这可不行，然会就想着怎么把对象搞成formdata,直接加入两段代码就好， 将以上代码加...
js 怎么让axios的post以json、form表单的形式发送请求，请求头content-type
PrimaryColor
11-09 4005
代码： /** * post方法，对应post请求 * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] * @param {Boolean} json [true：json格式请求头；false：FormData格式请求头] */ export function post(url, params = {}, json = false) { // json格式请求头 const headerJSON =
vue使用axios中的post请求时, 如何将json数据改为formdata类型
木啊马
08-22 6455
有些时候在用ajax发送post请求时 ,数据如下图⬇️ 在使用axios时的默认请求如下图 ⬇️ content-Type : application/json 请求体类型默认是json格式 就连发送的数据也是 request payload 的 * 那么问题来了, 怎么才能让 axios 发送 post 请求时变得和 ajax 发送 post 请求的一样呢 ? 解决方法⬇️ 1. ...
使用axios请求时,发送formData请求的示例
10-16
然而，并非所有API接口都接受JSON格式的数据，有时后端可能会要求以`FormData`的形式提交数据。本篇文章将详细讲解如何使用`axios`来发送`FormData`请求。 `FormData`是一种特殊的JavaScript对象，它允许我们构建...
axios发送post请求,提交图片类型表单数据方法
08-27
Axios 发送 POST 请求、提交图片类型表单数据方法 Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。今天，我们将分享 Axios 发送 POST 请求、提交图片类型表单数据的方法。 Axios.post() 方法 Axios....
axios post提交formdata的实例
08-27
既然我们知道 Axios.post 方法默认使用 `application/json` 格式编码数据，那么解决方案就有两种，一是后台改变接收参数的方法，另一种则是将 Axios.post 方法的编码格式修改为 `application/x-www-form-urlencoded`...
vue axios get请求参数为json对象的 请求方法
weixin_44279016的博客
03-15 1万+
1.首先get请求 +参数的语法为： this.$axios.get(‘url’,{params:‘参数’}) 2.参数提交到服务器解析后发现错误 // var curEntry = [{dev_id:170708,stdcode:“P”}]; 可使用JSON.stringify(curEntry) 转换成json字符串 3.参数转换成json字符串后服务器还是报参数错误，原因在于get方式传参无法正常识别为对象 而是均视为字符串 解决方法：使用qs.stringify() paramsSerializ
spring前后端传参交互 和细节
qq_42199464的博客
04-23 4115
前端有传递Json对象或Json字符串两种方式 后端有用 @RequestParam 和 @RequestBody和@PathVariable(这个不常用)注解接受值 图里的后端获取方式不全，下面有补充 情况一 一般使用GET请求，url路径参数 前端传递Json对象 后端使用@RequestParam 或不使用直接接受 前端的contentType默认格式是 application/x-www-form-urlencoded 优点： 一、前端传递数据不用转换为Json字符串：Json.s
前端axios请求超时或请求大量数据报错502
weixin_45682701的博客
09-08 4841
一般适用于导出表格时数据太多导致发送请求失败时，前端可以使用这个方法。axios请求默认一分钟，超过一分钟就会请求失败根本到达不了服务器。前端axios请求超时或请求大量数据报错502；1.在封装axios的js中请求时写入。2.或者单个页面写入。
vue使用axios的post请求接口报错:422
最新发布
qq_59369367的博客
11-19 3146
ue使用axios的post请求接口报错:422
vue中使用axios发送post请求，将formData格式转为Json格式
weixin_30901729的博客
09-29 4018
一般来说，vue是使用axios发送请求默认使用的是json格式，但是有时候比如我们想发送json字符串， 这时候axios会默认帮我们把json格式转化为formData格式，而我们需要的却不是formData格式。 解决这个问题的办法很简单：在请求中加一个headers就好了，如下图所示 转载于:https://www.cnblogs.com/xianxiaobo/p...
vue使用axios发送post请求（data为json格式）
qq_26288303的博客
10-22 7万+
安装axios cnpm install axios 在main.js中添加axios，此处注意axios插件不同于其他，引用不能使用Vue.use();而是使用Vue.prototype.$axios = axios; import axios from 'axios' Vue.prototype.$axios = axios; new Vue({ axios }) 在method中添...
Axios传参的两种方式，表单数据和json字符串（Form Data和Request Payload）
热门推荐
Zack_ZXY的博客
08-17 8万+
第一种方式：Form Data Axios参数配置： 1、引入 import Qs from 'qs' 2、 return request({ headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, transformRequest:...
跨域——vue中的axios.post使用json数据传输，出现请求头字段内容类型是不被允许的情况的解决方案
果果的博客
01-01 3万+
如何解决出现AXIOS的Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. 问题描述： 由于restful接口需要在头部header传递两个字段： Content-Type: application/json Access-Token: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值