一个前端,爱跑步、爱吉他、爱做饭、爱生活、爱编程、爱南芳姑娘,爱我所爱。世间最温暖又无价的是阳光、空气与爱,愿它们能带你去更远的地方。

  • 文章
  • 心情
  • 照片墙
  • 留言板
  • 工具
  • 友链
  • biaoblog

    专注web开发技术分享

    Cookie跨域名共享

    技术 232 2021-04-15 08:49

    在做浏览器插件的时候,

    有一个需求,

    比如在A页面登录之后,把token存在cookie

    插件在B C D页面使用,获取到页面的一些信息并保存,

    此时B C D页面共享到A页面的token,就不需要登录了


    具体实现:

    1.首先在A页面登录后设置cookie的时候,

    需要把Samesite设置为none,(允许第三方携带的cookie

    具体的Samesite内容可以参考 阮一峰的:http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html

    document.cookie="username=John Doe;samesite:none";
    

    2.后端设置白名单允许携带cookie

    3.在请求接口(以A为域名的接口地址)的时候,以axios为例子,设置:

    withCredentials: true // 允许携带cookie
    

    4.然后再B C D页面请求以A为域名的接口地址的时候,cookie就会自己带上了。

    文章评论

    评论列表(0