首页 > 其他分享 >前端cookie为什么无法传递给后端

前端cookie为什么无法传递给后端

时间:2024-08-10 15:58:08浏览次数:16  
标签:127.0 浏览器 0.1 前端 传递 域名 Cookie cookie localhost

异常描述

在进行登录权限校验时,需要使用cookie。然而,在设置cookie时会出现以下异常,导致后端session为空异常。前端已经设置WITH_CREDENTIALS: true。

image.png


解决办法

将访问的127.0.0.1修改为使用localhost进行访问,就可以携带上cookie了。

image.png

可能原因

1. Cookie的域名限制

  • Cookie的域名绑定:Cookie 是与域名相关联的。通常,浏览器在发送 HTTP 请求时,只会向与存储该 Cookie 的域名匹配的服务器发送 Cookie。例如,如果 Cookie 绑定的域名是 example.com,那么只有在访问 example.com 或其子域名时,浏览器才会发送该 Cookie。
  • IP地址与Cookie127.0.0.1 是一个 IP 地址,而不是一个域名。Cookie 的域名策略通常不会将 IP 地址作为有效的域名来处理。因此,当使用 127.0.0.1 访问时,浏览器通常不会发送绑定到域名的 Cookie。

2. localhost的特性

  • localhost作为域名localhost 被视为一个标准的域名,即使它指向 127.0.0.1。浏览器将 localhost 视为一个有效的域名,因此可以正常地与 Cookie 关联。
  • Cookie与localhost:当你访问 localhost 时,浏览器可以将它识别为一个域名并正常地处理 Cookie,从而发送与 localhost 绑定的 Cookie。

3. 安全性考虑

  • 使用 IP 地址的局限性:通过 IP 地址发送 Cookie 在安全性上有一些潜在的风险,因为 IP 地址可能没有明确的域名上下文,这可能会导致 Cookie 的意外泄漏或被其他服务使用。因此,浏览器通常更倾向于在域名(如 localhost)下发送 Cookie,而不是在裸露的 IP 地址(如 127.0.0.1)下。

4. 实用建议

  • 如果需要在开发过程中测试带有 Cookie 的请求,建议使用 localhost 而不是 127.0.0.1。这样可以确保 Cookie 能够正常发送和接收,从而避免开发过程中出现与 Cookie 相关的问题。

总的来说,localhost 作为一个域名可以被浏览器识别并与 Cookie 绑定,而 127.0.0.1 仅仅是一个 IP 地址,不被浏览器认为是一个有效的域名,因此无法使用 Cookie。

标签:127.0,浏览器,0.1,前端,传递,域名,Cookie,cookie,localhost
From: https://blog.csdn.net/qq_46614863/article/details/141092038

相关文章

  • Web前端开发环境搭建
    安装node.js和npm上官网下载:https://nodejs.org/zh-cn不管macOS还是Windows,下载的都是安装程序,按提示完成即可。安装前的提示如下:Thispackagewillinstall: • Node.jsv20.16.0to/usr/local/bin/node • npmv10.8.1to/usr/local/bin/npm安装成功后,可看到如......
  • 2024 款:最新前端技术趋势
    Hello,大家好,我是Sunday。上一次的时候聊了那么些已经落后的前端开发技术。但是光知道什么技术落后了是不够的,咱们还得知道前端最新的技术趋势是什么。所以,今天这篇文章,咱们就来聊一聊,最新前端技术趋势。01:反TypeScript大家先不要着急骂我,大家先想一想:“JS的免于强类型......
  • 425.响应式的境外旅游私人订制网站 大学生期末大作业 Web前端网页制作 html+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有Web前端网页制作的各行各业的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • 前端黑科技:使用 JavaScript 实现网页扫码功能
    在数字化时代,二维码已经渗透到我们生活的方方面面。从移动支付到产品溯源,二维码凭借其便捷性和高效性,成为了信息传递的重要载体。而随着前端技术的不断发展,我们甚至可以使用JavaScript在网页端实现二维码扫描功能,为用户提供更加便捷的操作体验。本文将带您深入了解如何使用Jav......
  • 前端vue3学习记录二
    ref和reactive的补充在使用reactive 进行对象数据的响应化时,要注意,将响应式对象分配给一个新的对象的时候,新的对象是不具有响应式性质的functionChangecar(){car={brand:'红旗',price:20000}//没有响应式性质car=reactive({brand:'红旗',price:20......
  • 前端面试手撕算法大全
    写在前面文末有我在前端面试多年的经验文章,分享给大家!!!防抖//防抖:n秒后在执行该事件,若在n秒内被重复触发,则重新计时//防抖(debounce)函数是指在一定时间内,事件被触发多次,只执行最后一次。这在处理诸如输入框实时搜索等场景时非常有用,避免了频繁触发事件导致性能问题......
  • 浅谈前端研发链路之构建
    前言我们每天都在说构建构建,你真的了解前端构建吗?文末有我在前端面试多年的经验文章!!!在现代前端开发中,构建过程扮演着至关重要的角色。随着Web应用变得越来越复杂,直接编写原生HTML、CSS和JavaScript已经不能满足开发需求,我们需要工程化的体系去构建前端应用。构建过......
  • 【前端】NodeJS:HTTP协议
    文章目录HTTP协议1概念2请求报文的组成3HTTP的请求行4请求头5HTTP的请求体6响应报文的组成7创建HTTP服务7.1操作步骤7.2测试7.3注意事项8浏览器查看HTTP报文8.1查看请求行和请求头8.2查看请求体8.3查看URL查询字符串8.4查看响应行与响应头8.5查看响应体......
  • 【前端】NodeJS:NodeJS模块化
    文章目录1NodeJS模块化1.1模块化与模块1.2模块化项目1.3模块化好处2模块暴露数据2.1模块初体验2.2暴露数据3导入(引入)模块4导入模块的基本流程5CommonJS规范1NodeJS模块化1.1模块化与模块将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称......
  • 【会话控制】cookie、session和token
    一、介绍所谓会话控制就是对会话进行控制,HTTP是一种无状态的协议,它没有办法区分多次的请求是否来自于同一个客户端,无法区分用户,而产品中又大量存在的这样的需求,所以我们需要通过会话控制来解决该问题。常见的会话控制技术有三种:cookiesessiontoken......