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

2018-07-25

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

clipboard.png

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不要序列化

clipboard.png

var instance = axios.create({

baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/json;"
    }
  });
原文链接:segmentfault.com

上一篇:下拉刷新,上拉加载插件mescroll源码分析
下一篇:vue + webpack 模拟后台数据
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部