年终讲(4)———— axios的小坑

@liushaozhen 2019-01-08 10:30:17发表于 iuap-design/blog

前面的

最近在重构一个节点,这个节点之前用jquery写的,要求重构为react的。在请求接口的时候,发现Content-Type不同,导致之前的接口无法正确访问

原因分析

jquery.ajax的post请求默认的 Content-Type 是 application/x-www-form-urlencoded 。 而 axios默认的Content-Type 是 application/json。

处理方案

将 axios 设置一下 Content-Type 。 并将参数使用 FormData 格式。

      let form = new FormData();
      form.append("data", JSON.stringify(param));
      axios({
        method: 'post',
        url: url,
        data: form,
        headers:{Content-Type:application/x-www-form-urlencoded }
    }