SameSite问题的兼容解决方案

最近遇到了Vue+springboot项目发布在线上环境后，后台接口正常的情况一，vue一直请求提示网络错误而访问不到后台接口，最后找到了问题所在，是前端设置了：

config.headers['Set-Cookie'] = 'SameSite=None;Secure'，对于这个也不大明白，所以网上找到了如下说明：大概理解了这个思路。

对于未来chrome80 samesite问题的兼容解决方案

未来chrome80会默认(SameSite: lax)在跨域请求的情况下不允许跨域携带cookie给后端，导致所有跨域场景下使用cookie进行鉴权的服务会受到影响。

网站可以选择显式关闭SameSite属性，将其设为None。不过，前提是必须同时设置Secure属性（Cookie 只能通过 HTTPS 协议发送），否则无效。

但是设置了SameSite为None, 很难保证在非chrome浏览器上一定是兼容的，所以基于兼容性考虑有两个方案：

1.采用两套cookie 例如原cookie中已经种入了session-id=xxxxx，可以维持不变，再额外种入另一个cookie session-id-2=xxxxx同时设置特性SameSite为none secure: true。这样可以兼容新旧版的所有浏览器。这样就要求后端取得时候判断session-id不存在，再取cookie session-id-2的值

2.JWT方案，统一把token放在header的authorization，就不存在跨域携带cookie的困扰了

第一个方案主要适配在于后端，前端基本不需要变动，第二个方案需要前后端做一定的改造，视情况而定