美文网首页
Axios使用经验

Axios使用经验

作者: 踩坑怪At芬达 | 来源:发表于2020-07-17 17:58 被阅读0次

跨域调用接口注意事项

  • 在跨域调用并且需要传递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

相关文章

网友评论

      本文标题:Axios使用经验

      本文链接:https://www.haomeiwen.com/subject/hjhnhktx.html