跨域调用接口注意事项
- 在跨域调用并且需要传递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
网友评论