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

最新推荐文章于 2022-08-27 09:04:24 发布
最新推荐文章于 2022-08-27 09:04:24 发布
阅读量931 收藏 4
点赞数 1
分类专栏： 前端 文章标签： cookie react 前端 node express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZS74520/article/details/118187625
版权

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

翻车现场

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

情况分析：

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

一、与浏览器设置有关

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

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

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

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

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

在这里插入图片描述

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

在这里插入图片描述

Luminous★
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axios 解决cookie跨域问题
weixin_42319195的博客
01-25 1649
1.问题背景： 前端使用vue,axios 调用服务端api, 前端域名：aaa.bb.u.cn 后端域名：server.ss.u.cn 发现后端写完session,cookie后，浏览器获取不到session,查看浏览器也没有cookie,此时已经确保后端的session和cookie是种成功的 并且，再服务端的配置中，已经设置了跨域支持，如下： location ~ /*.php$ { add...
vue_music_server:node 服务端 express +mongoDB
05-16
node 服务端 vue-music-server项目 项目依赖 "connect-flash": "^0.1.1", "cookie-parser": "~1.4.3", "debug": "~2.6.9", "express": "~4.16.0", "express-session": "^1.15.6", "http-errors": "~1.6.2", ...
nodeJS设置cookie后，服务端和客户端都获取不到
well2049的博客
08-02 4252
nodeJS设置cookie后获取不到的几种情况分析 第一，是否使用了nginx? 如果，真的只是做个端口代理，是不会受影响的。 第二，是否使用了axios？ axios默认是不允许设置cookie的，所以如果用了，需要你单独启动一下全局设置 axios.defaults.withCredentials = true;//让ajax携带cookie 在入口的页面设置即可全局使用。 第三，n...
服务端写入的cookie客户端浏览器获取不到的原因
weixin_43758377的博客
11-27 3409
服务端写入的cookie客户端浏览器获取不到的原因 今天发现了一个问题，前端调后端接口进行鉴权操作，后端接口向前端写入sessionId，前端尝试js获取cookie，获取不到。 后端程序代码： public void setCookie(HttpServletRequest request, HttpServletResponse response, String key,String valu...
服务端写入cookie客户端取不到的解决办法
热门推荐
feinifi的博客
03-09 2万+
      今天发现一个问题，程序在本地运行好好地，打包到服务器，无论怎么加日志，更新打包，最后还是有问题， 一步一步定位问题，发现是cookie的问题。      服务端定义设置cookie的代码：  public void setCookie(HttpServletRequest request, HttpServletResponse response, String key,Str...
解决Cookie在其他页面获取不到,在一个页面设置cookie另一个页面获取不到
橙-极纪元-cplvfx-JJY.Cheng
06-11 2505
解决Cookie在其他页面获取不到,在一个页面设置cookie另一个页面获取不到
axios取不到cookie,如何获得axios来维护API调用之间的cookie /会话？
weixin_42501919的博客
01-14 454
I'm having trouble maintaining session state between axios calls in my NodeJS app. Here is the relevant code:const express = require("express")const cors = require("cors")const app = express()const in...
nodejs服务端开发（Express+Mysql）---小k博客.zip
02-28
在本项目"nodejs服务端开发（Express+Mysql）---小k博客.zip"中，我们探讨了如何使用Node.js的Express框架与MySQL数据库构建一个服务端应用。这个项目非常适合初学者了解和学习Web开发的基本流程，同时也为有经验的...
Node.js-nodeexpressjwt实现一个用户登录的校验以及权限拦截服务端验证
08-10
- 客户端收到JWT后，可以将其存储在Cookie或LocalStorage中，以便在后续请求中携带。 4. **中间件校验JWT**： - 在Express应用中，创建一个中间件函数，用于验证每个请求的JWT。 - 使用jsonwebtoken的verify方法...
毕业设计-仿京东商城（Vue+Node+Mysql）
最新发布
05-04
毕业设计——仿京东商城（Vue+Node+Mysql） ## 前端架构 - 页面结构(H5,CSS3,原生JS) - 框架(基于Vue脚手架:vue-cli)进行搭建 - 数据请求处理框架(Axios) - Vue-Router进行路由处理 - Vue-LazyLoad进行图片赖加载 ...
详解Node.js开发中的express-session
01-20
也就是说，用户从A页面跳转到B页面会重新发送一次HTTP请求，而服务端在返回响应的时候是无法获知该用户在请求B页面之前做了什么的。 而正是这种web动态化的需求，给HTTP协议提出了一个难题：一个无状态的协议怎样...
express-session无法保存并携带cookie的踩坑过程
qq_54074878的博客
06-21 853
对后端不太熟悉，导致踩了很多不必要的坑，在这里总结一下一开始是想用express-session进行登录验证，然后发现node那边设置req.session后前端无法获得查了一下发现登录请求的响应是带了cookie的但是没有存入页面cookie 网上查了一圈后发现应该是跨域的原因，于是在express这边设置 同时axios设置withCredentials:true; 按网上大部分的说法这样一套下来应该可以了，但是我还是报错，这回是说我的Access-Control-Allow-Origin为‘
express接口设置cookie，浏览器没有自动返回cookie
qq_26889291的博客
06-19 303
前提条件前端已经可以看到后端设置的cookieapp.js需设置如下代码 var cookieParser = require(‘cookie-parser’); app.use(cookieParser());
axios发送请求无法获取express服务返回的Authorization响应头
qq_41720760的博客
08-27 1384
之后使用了apipost工具去发送请求发现Authorization确实已经设置成功了，而且回到浏览器的network响应头里边也发现了 Authorization 字段。express代码是这样子的，已经设置了res.header("Authorization",token)后面经过百度发现应该是跨域的问题浏览器无法显示所有的响应头，二只有默认的两个。此时发现浏览器控制台已经出现 Authorization 字段，成功！发现浏览器控制台怎么也不打印不出Authorization字段。...
设置Cookie时，当设置了域名时，后端就获取不到Cookie了，把设置Domain注释掉就好了
u013282737的博客
04-22 3172
写了一个公共方法，设置Cookie 发现，当设置了域名时，后端获取不到Cookie了，把设置Domain注释掉就好了 并且，不设置PATH时，比如请求的URL为工程目录+"/login", cookie的 PATH为根目录：/ 新增cookie代码如下： /** * 设置Cookie的值，并使其在指定时间内生效 * * @param cooki...
JavaWeb——Servlet的请求与响应
i_am_handsome_的博客
11-16 402
HttpServletRequest和HttpServletResponseHttpServletRequest字符集编码设置请求转发base标签web中"/ "斜杠的不同意义HttpServletResponse响应乱码解决请求重定向 HttpServletRequest 作用：每次只要有请求进入Tomcat 服务器，Tomcat 服务器就会把请求过来的HTTP 协议信息解析好封装到Request 对象中。然后传递到service 方法（doGet 和doPost）中给我们使用。我们可以通过HttpSer
浏览器获取不到服务器端添加的Cookie
cpt_ljy的博客
12-30 1752
记录一下java学习过程中的bug cookie.setPath、setMaxAge都设置了，但是在登录页面读取不到添加的cookie信息 后端LoginServlet界面 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOExcept...
nodejs解决设置CORS时无法使用cookie
luoliwoshang的博客
12-01 869
服务端 express localhost:3000 前端 axios localhost:3001 为解决跨域，所以后端设置了cors策略，但是因为同源策略的限制,跨域时无法使用cookie res.header("Access-Control-Allow-Origin", "*"); 所以需要在前端的请求头中设置 withCredentials:true来进行cookie传输的跨域。 const server = axios.create({ baseURL: 'http://localho
node+express实现前后端分离
05-23
前后端分离是一种常见的架构模式，主要是为了提高系统的可维护性和扩展性。在前后端分离的架构中，前端和后端是两个独立的系统，前端通过 API 接口与后端进行通信，后端只关注数据和业务逻辑，前端则负责展示和交互。 下面是使用 Node.js 和 Express 实现前后端分离的步骤： 1. 创建一个新的项目目录，例如 myapp。 2. 在 myapp 目录下，使用 npm 初始化一个新的 Node.js 项目。 ``` npm init ``` 3. 安装 Express 框架和其他依赖。 ``` npm install express body-parser cors --save ``` - express：用于创建 Web 应用程序的框架。 - body-parser：用于解析 HTTP 请求主体的中间件。 - cors：用于处理跨域请求的中间件。 4. 创建一个名为 server.js 的文件，并编写以下代码： ```javascript const express = require('express'); const bodyParser = require('body-parser'); const cors = require('cors'); const app = express(); app.use(cors()); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 上述代码创建了一个 Express 应用程序，并在端口 3000 上启动了服务器。 5. 在 myapp 目录下，创建一个名为 public 的目录，并在其中创建一个名为 index.html 的文件。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My App</title> </head> <body> <h1>Hello World!</h1> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> axios.get('http://localhost:3000') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); </script> </body> </html> ``` 上述代码创建了一个 HTML 页面，并使用 axios 库发送 GET 请求到服务器。 6. 启动服务器并访问 http://localhost:3000，你应该能够看到 "Hello World!"。 上述步骤演示了如何使用 Node.js 和 Express 实现前后端分离。在实际项目中，你需要根据具体需求进行开发，例如创建 API 接口、数据存储和身份验证等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值