谷歌浏览器在80版本后做出了修改,可以参考此文。这样当用户使用谷歌浏览器访问你的vue项目时,axios配置跨域就没有办法传输cookie,不跨域是可以的。这对于前后端分离项目来说很难受,毕竟你不能要求你的用户不使用谷歌内核的浏览器。
我们可以使用Nginx的反向代理功能,把后端地址改上一改,解决了跨域问题不就可以间接的解决无法传cookie的问题了么。代码如下:
location /apis { #添加访问目录为/apis 这里的apis可以按照个人喜好替换
rewrite ^/apis/(.*)$ /$1 break;
proxy_pass http://127.0.0.1:8080/;
}
配置完了之后重载Nginx配置,完美解决问题。