axio post 请求后端接收不到参数的解决办法

r囧r小猫 2021-12-20 08:51 453阅读 0赞

原因是没有对参数进行序列化

默认情况下，axios将JavaScript对象序列化为JSON。 要以应用程序/ x-www-form-urlencoded格式发送数据。

在拦截器前修改

方法一，用原生js序列化参数

// 创建axios实例
    const service = axios.create({
      baseURL: process.env.BASE_API, // api 的 base_url
      timeout: 30000, // 请求超时时间
      transformRequest: [function(data) {
        const str = []
        for (const i in data) {
          str.push(encodeURIComponent(i) + '=' + encodeURIComponent(data[i]))
        }
        return str.join('&')
      }]
    })

方法二，用qs序列化参数

//npm install axios的时候默认会安装qs
    // qs相关的问题请搜索"nodejs qs"或者看这里https://www.npmjs.com/package/qs
    import qs from 'qs';
    
    const service = axios.create({
      baseURL: process.env.BASE_API, // api 的 base_url
      timeout: 30000, // 请求超时时间
      transformRequest: [
        function(data) {
         
          return qs.stringify(data, {
            arrayFormat: 'brackets'
          })
        }
      ]
    })

网上方案说要加

instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

我没有加，因为我发现默认axios的post就是x-www-form-urlencoded。

到此，这个问题解决了

转载于:https://www.cnblogs.com/wuyuchao/p/10300250.html

发表评论取消回复

表情：

评论列表（有 0 条评论，453人围观）

还没有评论，来说两句吧...

相关阅读

相关后端获取不到axios.post提交的参数

后端获取不到axios.post提交的参数官网示例是这样的：方式一：直接传入json对象作为参数 axios.post('/user', {

灰太狼/ 2023年06月26日 03:27/ 0 赞/ 30 阅读

相关 axios 使用post方式传递参数，后端接受不到

最近做vue项目，做图片上传的功能，使用get给后台发送数据，后台能收到，使用post给后台发送图片信息的时候， [vue axios post请求发送图片base64编码

Myth丶恋晨/ 2022年05月15日 06:42/ 0 赞/ 415 阅读

相关 axios 发 post 请求，后端接收不到参数的详细解决方案

问题描述：axios post 请求或者get请求后接收不到参数后端接收设置： `@RequestParam @RequestBody设置的原因` 由于spr

我会带着你远行/ 2022年04月22日 12:48/ 0 赞/ 972 阅读

相关 axios post 参数请求不到

1、记录axios填坑之路最近用vue编写项目。用axios请求后端数据时。 ![20181108152533829.png][] 后台没有接收到数据。纳闷。查看浏

ゝ一世哀愁。/ 2022年04月18日 04:35/ 0 赞/ 327 阅读

相关 axios 发 post 请求，后端接收不到参数的解决方案

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 问题场景场景很简单，就是一个正常 axios p

秒速五厘米/ 2022年03月27日 01:58/ 0 赞/ 521 阅读

相关小程序post请求参数传不到后台的解决办法

小程序post请求参数传不到后台的解决办法 'content-type': 'application/x-www-form-urlencoded' //默认值（pos

旧城等待，/ 2022年03月26日 14:48/ 0 赞/ 434 阅读

相关 post参数提交后服务端接收不到的排查办法

提交一个post请求的时候发现，提交的参数有几个接收不到排除程序本身问题后，发现可能是以下几个原因 1、浏览器post大小限制（火狐）地址栏输入about:confi

妖狐艹你老母/ 2022年03月02日 14:08/ 0 赞/ 898 阅读

相关 post参数提交后服务端接收不到的排查办法

今天提交一个post请求的时候发现，提交的参数有几个接收不到排除程序本身问题后，发现可能是以下几个原因 1、浏览器post大小限制（火狐）地址栏输入about:con

以你之姓@/ 2022年03月02日 12:29/ 0 赞/ 1073 阅读

相关 vue --- axios发post请求后台接收不到参数的三种解决方案

最近用vue 做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况： ![1278249-20190116143625141-1729702827.p

逃离我推掉我的手/ 2021年12月20日 09:07/ 0 赞/ 593 阅读

相关 axio post 请求后端接收不到参数的解决办法

原因是没有对参数进行序列化默认情况下，axios将JavaScript对象序列化为JSON。要以应用程序/ x-www-form-urlencoded格式发送数据。在

r囧r小猫/ 2021年12月20日 08:51/ 0 赞/ 454 阅读