关于Vue/axios下跨域cookie的处理

Mike617 发布于2019-07-25 13:54 / 656人阅读

摘要：凡事有例外，以下分别对待不同情况服务器端配置即可客户端配置，这样大部分浏览器都支持跨域了，反正新版本下无问题。但放在默认设置下依然出现无法获取的问题，至此，查资料查到解决存取的跨域问题，依照文中记载，在追加的响应头，解决了下的问题。

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

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

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

服务器端

配置cors即可

客户端

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

但放在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，把后端接口，代理为与前端执行时的域一致

云服务器 GPU云服务器跨域cookie java跨域cookie共享 cookie的使用 ie的cookie管理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/39504.html

关于vue-resource在dev环境下跨域问题的解决方法

摘要：跨域问题相信跨域问题是每个前端在请求中都会遇到的问题因为浏览器的同源策略的限制所以是不支持跨域的当然当后台在没有完成搭建的时候这时候我们需要使用到模拟数据的时候这时候很多的就会出现跨域问题在中当然这个问题也不例外如下所以在此我也就整理出了跨域问题相信跨域问题是每个前端在ajax请求中都会遇到的问题,因为浏览器的同源策略的限制,所以ajax是不支持跨域的,当然当后台在没有完成搭建的...

timger 2019-08-20 17:49 评论0 收藏0
如何开发一个个性化的Web版微信（1）

摘要：版微信登录地址如有不足与错误，请见谅版微信主要参考微信协议进行设计开发项目主要分成三大模块登录模块微信扫码登录流程微信容器微信信息会话接收发送心跳监测数据存储用户登录信息状态信息会话信息先祭图拜八哥已求无效果图我们希望实现的功能包括基本的 Web版微信登录 github地址：https://github.com/hty7/vue-w...如有不足与错误，请见谅 Web版微信主要参考W...

dockerclub 2019-08-23 11:32 评论0 收藏0
跨域问题导致设置 cookie 不生效

摘要：我们看下跨域不生效的问题，首先抛出两个问题我们如何设置又如何确定设置是否生效了首先，我们实现一个简单的接口新建一个文件，将如下代码复制进去，通过启动服务，在本地就可以通过来访问了我们创建的接口了环境安装的教程网上有很多详细的教程，本文不再赘我们看下跨域不生效的问题，首先抛出两个问题：我们如何设置 cookie ？又如何确定 cookie 设置是否生效了？首先，我们实现一个...

Taste 2019-08-22 15:05 评论0 收藏0
VUE知识点集锦

摘要：载入前后在阶段，实例的和都初始化了，但还是挂载之前为虚拟的节点，还未替换。类似于，不同在于提交的是，而不是直接变更状态可以包含任意异步操作。 vue基础 1、 router 路由与 a 标签的区别：https://www.jianshu.com/p/34b...2、 VUE双向绑定的原理：答：VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个...

Tecode 2019-08-23 16:02 评论0 收藏0