Axios使用经验

跨域调用接口注意事项

• 在跨域调用并且需要传递cookie的时候，我们会增加withCredentials:true参数，而增加该参数调用接口时发现还是不通，通过以下方式解决：
  1、服务端在Access-Control-Allow-Headers增加X-XSRF-TOKEN的允许

  这是因为axios在跨域调用时会在header内添加X-XSRF-TOKEN头，导致就算是GET请求chrome也会发送一个options请求进行探测，而服务端如果没有允许这个头，则会导致跨域失败
  如果不希望通过服务端增加X-XSRF-TOKEN的允许，则可以通过调用axios时增加参数,将以下2个参数置空来解决

    xsrfCookieName: '',
    xsrfHeaderName: '',
  

2、服务端在Access-Control-Allow-Origin必须添加具体接口跨域请求的域名列表而不能是*

Axios通讯时content-type的区别

• json格式

  
  image

• x-www-form-urlencoded格式：利用qs插件转换

  
  image