设置cookie值,浏览器set-cookie显示有内容,但没写入cookie(刷新没有cookie)

技术栈:vue、axios、nodejs
目的:服务端设置cookie,客户端在浏览器中可以查看/获取cookie内容。

出现问题:服务端设置好了cookie信息,并且能在浏览器控制台中看到set-cookie内容。但是浏览器application中并没有写入cookie。

查找问题:nodejs和vue启动的端口不同,所以使用了cors跨域,影响了cookie的设置。

解决方法:
nodejs中:

res.header("Access-Control-Allow-Origin", "具体请求源");   //这里要写具体请求地址
res.header(" Access-Control-Allow-Credentials", true);      //增加

vue中:

axios.defaults.withCredentials = true

注意:服务端设置httponly后,客户端不能使用document.cookie获取值

你可能感兴趣的:(nodejs,vue)