node+express设置cookie后，服务端和客户端都获取不到

叁歲伎倆 2022-10-09 12:09 7阅读 0赞

# node与express搭建的服务，设置cookie后，服务端和客户端都无法获取 #

## 翻车现场 ##

最近在做一个node+react的全栈项目，中途需要设置cookie来保存用户的id，但是在后台设置之后，发现路由总是跳不过去，将cookie打印后，无论前端还是后端，竟然都是undefined  
![在这里插入图片描述][20210624145032935.png]

## 情况分析： ##

在后台设置了cookie,但是在浏览器的cookie栏里并没有任何的cookie，前后台获取cookie都是undefined。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70]

### 一、与浏览器设置有关 ###

如果是谷歌浏览器：在地址栏输入：`chrome://flags/`  
将以下两个选项改为`disabled`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 1]  
然后重新启动浏览器即可。

### 二、axios默认是不允许设置cookie的，所以用了axios，要执行以下操作 ###

在封装的axios实例函数内部添加上`withCredentials:'include'`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 2]

### 三、node后台启动时是否设置了允许携带cookie ###

如果跨域使用cors解决的，需要在配置选项中进行如下操作  
`const cors = require('cors')`  
`app.use(cors({credentials:true,origin:true}))`

![在这里插入图片描述][20210624143657343.png]

### 将二和三一块进行配置，问题就可以解决了！！！ ###

![在这里插入图片描述][20210624145133445.png]

[20210624145032935.png]: /images/20221005/f941ef94e0664de29951b296b51c72ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70]: /images/20221005/5218102b8de04e58814260046567099a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 1]: /images/20221005/a1ea6732bd40431ca48f8eee84c50599.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 2]: /images/20221005/b5a4ffa104f84473bf936e3c4776b090.png
[20210624143657343.png]: /images/20221005/d07fb8a1e2e74d9b8d5b3c244af3e92a.png
[20210624145133445.png]: /images/20221005/b233b4f04c61415ab1cf982188278144.png