脚本宝典收集整理的这篇文章主要介绍了关于Vue/axios下跨域cookie的处理，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

一般在生产环境下尽量可以通过nginx等反向代理，把vue前端和api接口处理成同一端口和域名。

在开发和测试时，也可以使用兼容性比较好的浏览器进行。

凡事有例外，以下分别对待不同情况：

服务器端

1. 配置cors即可

客户端

1. 配置Axios.defaults.wIThCredentials = true，这样大部分浏览器都支持跨域cookie了，反正新版本chrome下无问题。

2. 但放在IE11（默认设置）下依然出现无法获取cookie的问题，至此，查资料查到【P3P解决cookie存取的跨域问题(http://www.cnblogs.com/love2w...】，依照文中记载，在nginx追加P3P的响应头，解决了IE下的cookie问题。

以下为Nginx配置，以备忘：

    location /xx-erp {

        access_LOG  /data/nginx/logs/zx3fund.log  main;

        root   /data/nginx/htML;
        Proxy_pass http://192.168.10.60:811/xx-erp/;
        PRoxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        add_header P3P "CP=CAO PSA OUR";

        index  index.html index.htm;
    }

IE下截图：

另外，还有一种方式，在开发阶段，用vue中间件proxyTable，把后端接口，代理为与前端执行时的域一致

脚本宝典总结

以上是脚本宝典为你收集整理的关于Vue/axios下跨域cookie的处理全部内容，希望文章能够帮你解决关于Vue/axios下跨域cookie的处理所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。