使用axios发送post请求，body传送数据格式form和json区别

fuyi501 发布于2019-08-26 12:09 / 2022人阅读

摘要：先来看看这两个种传送格式的写法格式，将类型设置为，请求时将序列化提交的数据会按照的方式进行编码，和都进行了转码拦截器传参序列化格式，有时候后台需要传送的是数据，将类型设置为，注意请求时不要序列化

先来看看这两个种传送格式的写法
1.form格式，将Content-Type类型设置为application/x-www-form-urlencode，POST请求时将data序列化,提交的数据会按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/x-www-form-urlencoded; charset=utf-8;"
    }
  });

  // http request 拦截器
  instance.interceptors.request.use(
    config => {
      // POST传参序列化
      if (config.method === "post") {
        config.data = qs.stringify(config.data);
      }
      return config;
    },
    error => {
      return Promise.reject(error);
    }
  );

2.json格式，有时候后台需要body传送的是json数据，将Content-Type类型设置为application/json，注意POST请求时data不要序列化

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/json;"
    }
  });

云服务器 GPU云服务器发送post请求模拟post发送请求 ajax发送post请求 fetch和axios的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108122.html

前端培训-初级阶段-场景实战（2019-06-06）-Content-Type对照表及日常使用

摘要：前端最基础的就是。数据被编码为键值对。大法好，精准识别，也算是正确的表单提交。全局的默认值实例默认值创建实例时设置配置的默认值在实例已创建后修改默认值拦截器，可以拦截错误，进行上报。参考资料类型看云前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水...

mayaohua 2019-08-02 15:13 评论0 收藏0
前端培训-初级阶段-场景实战（2019-06-06）-Content-Type对照表及日常使用

摘要：前端最基础的就是。数据被编码为键值对。大法好，精准识别，也算是正确的表单提交。全局的默认值实例默认值创建实例时设置配置的默认值在实例已创建后修改默认值拦截器，可以拦截错误，进行上报。参考资料类型看云前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水...

张金宝 2019-08-23 17:55 评论0 收藏0
Ajax详解

摘要：当请求完成后注册一个回调函数。该请求是否触发全局处理事件如等，请求发送前的回调函数，用来修改请求发送前，此功能可用来设置自定义头信息，在函数中返回将取消这个请求。例如，为请求指定一个回调函数名。即改变回调函数的，默认就是传入的整个对象。 Ajax Ajax 全称是 asynchronous javascript and xml，并不是新的编程语言，可以说是已有技术的组合，主要用来实现客...

jokester 2019-08-23 14:15 评论0 收藏0
前后端联调之Form Data与Request Payload，你真的了解吗？

摘要：前言做过前后端联调的小伙伴，可能有时会遇到一些问题。它是请求中空行的后面那部分。这就是它向你展示的。值得形式是以的形式提交的。传递对象的时候，默认为类型的值，与非时，的区别。如果是字符串的话，后端解析的内容时候，肯定要去解析啦。前言做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrom...

Fundebug 2019-08-23 16:46 评论0 收藏0
GET，POST与后端接口详记

摘要：如，是类的传输方式，与没有实质区别。是测试服务器的该资源情况，不返回实体的主体部分。请求可以获取回服务器接收到的该请求的原始报文，从而判断路径中的代理和防火墙是否对该条请求进行修改。为了获取信息且不需要传大量条件信息的接口。前言 HTTP通信的7种方式在HTTP通信中主要分为GET和POST。如PUT，DELETE是类POST的传输方式，与POST没有实质区别。OPTION是查看服...

miguel.jiang 2019-08-16 18:27 评论0 收藏0