前后端分离项目中关于后台生成cookie前端如何获取的问题

最新推荐文章于 2025-02-25 09:30:00 发布
原创 最新推荐文章于 2025-02-25 09:30:00 发布 · 6.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cookie #前后端分离

本文详细解释了在前端使用vueserverUrl:http://127.0.0.1:8088调用后台接口时，由于domain名字不同，导致浏览器访问localhost:8088无法获取后台生成的cookie，而必须通过访问127.0.0.1:8088才能访问的问题。这对于理解前后端交互和cookie的工作机制至关重要。

前端vue serverUrl: "http://127.0.0.1:8088"时，调用后台接口，后台接口生成的cookie传给了127.0.0.1域，此时浏览器访问localhost:8088是不能拿到此cookie的，必须访问127.0.0.1：8088才能访问到！！！
domain的名字不一样！！！！

国氏一雄
关注
前后端分离项目：java+vue后端用tomcat部署，前端用nginx部署，前端获取验证码后再调用登陆接口session丢失问题解决方法
liukang9008的专栏
07-17 823
大家有问题欢迎留言，一起交流学习，关于跨域问题、前后端分离问题、nginx配置代理问题、session丢失问题等等，随时提问。page.setMessage("没有验证码字段！page.setMessage("请输入验证码！// 验证码不正确，客户端需要刷新验证码。3、解决办法：将验证码存入本地缓存中，问题解决！（2）在登陆接口中直接从缓存中获取验证码，进行校验即可。page.setMessage("验证码不正确！//（1）在获取验证码接口中，直接将验证码存入缓存。* 将验证码存在缓存中。
前后端分离跨域问题cookie的使用
qq_41060065的博客
11-16 9188
之前做了一个前后台分离的项目，发现session出现跨域的问题，这个时候在网上找了很多资料和帖子，多数帖子都是人云亦云，你一嘴，我一嘴的，但是看的多了之后也就明白了。 我们知道前后台分离，顾名思义就是前台一个服务器，后台一个服务器这样做有几个好处 减轻动态服务器的压力，将静态内容分离出来，术业有专攻，让专业的服务器干专业的事 摆脱了后台既当爹又当妈的现状，让后台专心的写后台的框架和业务层的开发，...
前台setcookie之后从后台取出来_vue axios springboot前后端分离项目为什么前台无法获取后台返回的cookie？...
weixin_28922555的博客
01-13 336
看了个文作一新求抖直微圈章明白了http://www.ruanyifeng.com/blog/2016/04/cors.html文章中有说：3.2：需要注意的是，如果要发送Cookie，Access-Control-Allow-Origin就不能设为星号，必须指定明确的、与请求网页一致的域名。同时，Cookie依然遵循同源政策，只有用服务器域名设置的Cookie才会上传，其他域名的Cookie并不...
前后端分离，客户端无法获得cookie--解决方法
ITCBL
08-27 2949
前后端分离，客户端无法获得cookie--解决方法 问题：可能很多人在前后端分离开发时，发现抓包工具可以抓到cookie，但是在客户端上cookie的保存位置找不到该cookie。 答：这是ajax本身的问题造成的，解决的办法就是在前端的ajax代码中，添加下面的代码即可： xhrFields:{withCredentials: true}, 具体的添加位置如下面的代码： ajax...
【无标题】前后端分离的项目，后端系统拿不到cookie
qq_44773129的博客
12-26 822
一个前后端分离的项目，在前端页面中实现记住密码功能（下次访问登录页面，用户名密码等信息自动回显）。下面是前端系统Login.vue中的核心代码。接下来我在后端服务中发现拿不到cookie，疑问？
前端获取后台保存的Cookie
脑壳疼
05-07 9101
function GetCookie() { var key = ""; var getCookie = document.cookie.replace(/[ ]/g, ""); //获取cookie，并且将获得的cookie格式化，去掉空格...
vue前后分离session实现_前后端分离 vue+springboot 跨域 session+cookie失效问题
weixin_39620118的博客
12-20 647
环境：前端 vue ip地址：192.168.1.205后端 springboot2.0 ip地址：192.168.1.217主要开发后端。问题：首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后续请求取出的用户都为null。解决过程：首先发现sessionID不一致，导致每一次都是新的会话，当然不可能存在用户了。然后发现cookie浏览器不能自动保存，...
关于 Vue3 前后端分离部署的详细指南，包含常见场景、问题与解决方案
最新发布
繁若华尘的博客
02-25 1478
可有效解决Vue3前后端分离部署中的常见问题。实际部署时需根据具体技术栈调整配置细节。
Vue：前端体系、前后端分离
希望有点用
09-01 1338
Vue：前端体系、前后端分离
Spring Security在前后端分离项目中的使用
KRYST4L123的博客
02-26 453
报错的原因：默认情况下Spring Security在获取到UserDetailsService返回的用户信息以后，会调用PasswordEncoder中的matches方法进行校验，但是此时在Spring容器中并不。并且为了让用户下回请求时能通过jwt识别出具体的是哪个用户，在返回之前，我们需要把用户信息存入redis，可以把用户id。然后设置我们的资源所需要的权限。我们还希望在认证失败或者是授权失败的情况下也能和我们的接口一样返回相同结构的json，这样可以让前端能对响应进行统一的处理。
Vue 不同域名下cookie值获取
lucky_oak的博客
03-17 3870
首先引入js-cookie库 $ npm install js-cookie --save 然后设置cookie值到二级域名下： export function setToken(token) { return Cookies.set("token", token, { domain: ['localhost', '127.0.0.1'].includes(document.domain) ? document.domain:".xxx.com" } 现在a.xxx.com和b.xxx.com 都
spring boot-静态资源跨域
pursue.dreams的博客
12-11 826
package com.jscz.framework.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfigurati...
解决跨域问题
xzh_blog
11-07 1230
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web....
后台设置Cookie值，前台进行获取
热门推荐
stay hungry ! stay foolish!
12-31 1万+
                        后台设置Cookie值，前台进行获取     通过cookie取得用户的个性化信息 注意事项：1.中文的存在，需要进行utf-8的编码，之后再进行解码即可，避免乱码。 之所以 有时会用到  cookie.setPath("/"); 语句，是因为当你的SpringMVC的controller类上面有设置@RequestMapping("/User...
egg.js+vue前后端分离项目，后端如何使用set-Cookie为前端设置cookie
劲枫的博客
07-22 2317
前后端分离，必然涉及跨域。直接设置不行的。 网上看到很多设置方式比如 axios配置：withCredentials: true。然后后端采用cors ,添加Access-Control-Allow-Credentials：true。是不行的哈！ 本人项目栈，egg.js + vue +axios+nginx 实现后端为前端设置cookie。 思路，消除跨域，只有从本质上解决跨域问题，后端才能为前端设置cookie，这个没价讲~ 操作如下：vue:8080 egg:7001 nginx配置如下：.
解决前后端交互 SpringBoot Vue 后端发送的 Cookie 前端无法接收问题！
weixin_46076175的博客
03-05 1635
解决 vue 无法获取后端 Cookie ，axios 请求不携带cookie信息的问题
【已解决】后端设置Cookie后，发现在另外一个方法不能获取
个人学习博客，不足之处，还望不吝赐教！
12-28 1536
用户请求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 域下，
【Vuex】前后端分离Vue路由拦截器与登录cookie保存
NineWaited的博客
03-16 5876
前后端分离，后端springboot拦截器拦截非权限API不适用 前端vue使用vuex能使用vue的router的自我守卫和拦截。
若依vue前后端分离系统，后台登录获取token
10-06
在Vue.js的前后端分离系统中，当用户进行登录操作时，通常会经历以下步骤： 1. **前端提交请求**：用户通过浏览器向服务器发送一个登录请求，携带用户名和密码等必要的身份验证信息。 ```javascript axios.post(&#39;/api/login&#39;, { username: &#39;user&#39;, password: &#39;password&#39; }) ``` 2. **后端验证**：服务器接收到请求后，检查提供的凭证是否有效。如果验证成功，会生成一个安全的Token（如JWT，JSON Web Token），它是用户身份的临时证明。 3. **返回响应**：如果登录成功，服务器会将生成的Token作为`Authorization`头部的一部分（通常形式为`Bearer <token>`）附加到HTTP响应头中，并返回给客户端。 ```json { "status": "success", "data": null, "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRGVhciIsImV4cCI6MTYwMDAwMDAwMCwiaWF0IjoxNjAzNDAyMDAwfQ.SOME_TOKEN_HERE" } ``` 4. **存储Token**：前端应用接收到这个响应后，通常会在本地存储（例如localStorage、vuex store）或cookie中保存Token，以便后续的所有API请求都附带这个Token进行身份验证。 5. **拦截器设置**：在Vue项目中，可以使用axios或Vuex的全局拦截器，在每次发出请求之前自动添加Token到Header，这样就不必在每个单独的API调用中手动处理。 ```javascript axios.defaults.headers.common[&#39;Authorization&#39;] = `Bearer ${store.state.token}` ```
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值