前后台分离项目，前台拿不到cookie的问题

最新推荐文章于 2024-06-11 16:47:25 发布
最新推荐文章于 2024-06-11 16:47:25 发布
阅读量773 收藏 3
点赞数 1
CC 4.0 BY-SA版权
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47657875/article/details/129662273
当访问前台项目使用localhost，而访问后台使用127.0.0.1或IP时，由于不在同一域，导致后台设置的cookie前台无法获取。为了解决这个问题，可以将后台也通过localhost来访问，确保前后端在同一域上，从而能正确获取到token。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 原因是访问前台项目时使用的是localhost，

  1. 而访问后台时使用的是 127.0.0.1或者Ip，

  1. 后台返回的cookie的是在访问ip的源上，

  1. 而前台的localhost的cookie.get 是拿不到后台的token的

解决办法

  • 用localhost打开后台

  • 保证前后台在同一个域上

【记录篇】后端给前端设置cookie失效原因
qq_1323920311的博客
06-13 4123
近期在使用react做一个外卖点餐系统的小demo，使用koa搭建后台服务，客户端登录时会向后台发送post请求，后台接收到请求后查询匹对数据库并给出不同的response 插入链接与图片 链接: link. 图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。 如何插入一段漂亮的代码片 去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片. // An highlighted block var foo = 'b
前后端分离跨域问题cookie的使用
qq_41060065的博客
11-16 9137
之前做了一个前后台分离的项目，发现session出现跨域的问题，这个时候在网上找了很多资料和帖子，多数帖子都是人云亦云，你一嘴，我一嘴的，但是看的多了之后也就明白了。 我们知道前后台分离，顾名思义就是前台一个服务器，后台一个服务器这样做有几个好处 减轻动态服务器的压力，将静态内容分离出来，术业有专攻，让专业的服务器干专业的事 摆脱了后台既当爹又当妈的现状，让后台专心的写后台的框架和业务层的开发，...
【无标题】前后端分离的项目，后端系统拿不到cookie
qq_44773129的博客
12-26 793
一个前后端分离的项目，在前端页面中实现记住密码功能（下次访问登录页面，用户名密码等信息自动回显）。下面是前端系统Login.vue中的核心代码。接下来我在后端服务中发现拿不到cookie，疑问？
前端页面获取不到后端设置的cookie
wzq1915414095的博客
02-05 2807
这种直接用浏览器打开本地html文件的方式是没办法获取后端设置的cookie的，必须将html部署到web服务器，然后通过url的方式访问才行。原因之一：直接双击html文件用浏览器打开时是获取不到后端设置的cookie的。前端页面获取不到后端设置的cookie。
前后端分离时后端传cookie前端接收不了问题（vite.config.js）
weixin_45909571的博客
02-18 1609
前后端分离时后端传cookie前端接收不了问题
spring boot-静态资源跨域
pursue.dreams的博客
12-11 801
package com.jscz.framework.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfigurati...
前后端分离项目nginx搭建静态页面服务器cors做后台跨域接收前台请求
weixin_42545531的博客
10-17 1185
自己在闲暇时间里，无聊的我试着做了一个前后台分离的入门demo。在编写代码前通过查询百度，csdn，博学谷等做了一些准备工作，具体还只是做到前台发送的请求能顺利的发送到后端，时间仓促做的也有不足之处，还请各位大佬多多指导，评论，勿喷。 （我选的项目是我自己随便在网上选的网站http://www.boohee.com/，我爬取了她的一些页面，js自己写） ---- nginx 操作命令...
php前后端分离两个域名访问,php前后端分离项目跨域问题解决办法
weixin_42361834的博客
03-10 1114
由于之前一直没有做过前后端分离项目，导致走了不少弯路，而且还采用了一种及其不优雅的方法(在第一次请求的时候把服务器返回的session id保存起来，后续请求的时候把该session id作为参数传递给后端，后端在每次请求的时候先判断客户端传递过来的参数中session id是否为空，不为空则设置当前session id为传递过来的session id，然后session_start，为空则直接s...
单点登录CAS集成前后台分离vue项目
Amustrming的博客
07-08 1万+
spring boot项目访问jsp页面已经介绍了如何在springboot项目中访问jsp页面，有了上面的基础在下面实现cas集成vue项目，由于vue项目是前后台分离的，在此记录下具体集成的步骤，方便以后查看 项目背景：cas集成的项目是使用renren-fast提供的开源框架，后台是用spring boot写的，前台使用vue。这里用cas集成的项目是在不改变项目原有登录机制的情况下，为项...
前后端分离使用token实现会话技术
weixin_43163180的博客
09-07 1378
后台用户登录技术与实现 文章目录前言一、传统项目的登录二、无状态方案-token方案1.总结 前言 传统项目是在登录后要把登录状态保持下来，就用到tomcat的会话跟踪技术：session，而是依赖于cookie里面jsessionid； 一、传统项目的登录 以上的技术不适合前后端分离的环境；所以在前后端分离环境，我们有2种方案：方案一：Ngnix代理 方案二： token方案 二、无状态方案-token方案 1. 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
环境： 前端 vue ip地址：192.168.1.205 后端 springboot2.0 ip地址：192.168.1.217 主要开发后端。 问题： 首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后续请求取出的用户都为null。 解决过程： 首先发现sessionID不一致，导致每一次都是新的会话，当然不可能存在用户了。然后发现cookie浏览器不能自动保存，服务器响应set-cookie了 搜索问题，发现跨域，服务器响应的setCookie浏览器无法保存，而且就算保存了域名不同也不能携带。 第一步： 后台添加过滤器，因为前后端分离，不可能每个方
【前端取不到cookie的的原因】http-only
最新发布
phhz的博客
06-11 955
某条cookie有http-only属性时，下面两种方法都取不到，还是改需求吧，别取了。
解决跨域问题
xzh_blog
11-07 1207
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web....
【已解决】后端设置Cookie后，发现在另外一个方法不能获取
个人学习博客，不足之处，还望不吝赐教！
12-28 1494
用户请求B方法： http://localhost:8090/demo2/cookie_one，但是却得不到cookie中的数据，然后通过调式，发现 request.getCookies()一直为null，这就奇怪了，明明在A方法保存了Cookie，而且也没有涉及跨域等其它问题，为什么cookie会获取不到呢。http://localhost:8090/demo1 或者 http://localhost:8090/demo1/**下的路径时，http://localhost:8090/demo1 域下，
前后端分离下产生的跨域问题对cookie无法存储和请求
zkk的博客
08-23 1840
最近公司在做使用cas实现单点登录的过程中，出现许多的坑，其中在前后端分离的架构背景下，由于跨域问题导致的Cookie-session认证机制变得不太可行，其根本原因就是在不同源下，。
前后端分离跨域与cookie
pscool的博客
03-26 3023
那么，现在再来看下，一个新的问题，刚刚说到cookie在前后端不分离的情况下，cookie默认就是刚刚说的这样玩的，但是如果和跨域问题一起出现的话，又会怎样呢？浏览器它还会携带cookie吗？那么现在就说到这个cookie的问题，它的本质就是一个请求头（Cookie）和响应头（Set-Cookie），只不过这个头会被默认携带给后台。跨域的配置可以看下这个类，里面的解释很清楚，处理逻辑，可以参考DefaultCorsProcessor这个类。
解决后台设置cookie但是前台浏览器不能存储在cookie中
热门推荐
Alina_shu的博客
12-18 1万+
测试大概是这么写的 @RestController public class UserController { @RequestMapping("/test") public void login(HttpServletResponse response) { Cookie cookie = new Cookie("test","test"); ...
前后端分离之后，请求跨域无法传递cookie的问题，最近在做公司一个小项目时遇到坑，记录一下下
weixin_38033112的博客
07-18 2321
前后端分离之后，请求跨域无法传递cookie的问题，最近在做公司一个小项目时遇到坑，记录一下下前言跨域问题cookie问题拦截器导致的跨域问题后记 前言 那一天是我毕业后工作生涯的第30天，第一次接触前后端分离开发，我感觉好像，慢慢领悟到了前后端分离开发的真谛：或许大概可能也许是前后端甩锅开发 场景一 前台疯狂的点击页面，发送请求，但是后台服务器总是没有回应，后台接口虽打了断点，但是根本进不...
解决前后端交互 SpringBoot Vue 后端发送的 Cookie 前端无法接收问题！
weixin_46076175的博客
03-05 1599
解决 vue 无法获取后端 Cookie ，axios 请求不携带cookie信息的问题
Maven和Spring Boot打造前后台分离项目教程
Maven和Spring Boot是实现前后台分离项目的重要工具，而HTML、Ajax以及Echarts等技术则是构建现代化Web应用前台的常用技术栈。 ### Maven Maven 是一个项目管理和自动化构建工具，主要服务于Java平台。它的主要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值