浏览器没有传递cookie给后台

最新推荐文章于 2024-07-18 10:54:29 发布
最新推荐文章于 2024-07-18 10:54:29 发布
阅读量1.9k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_30138187/article/details/102912449
本文讲述了在实现cookie验证功能过程中遇到的挑战，包括后台直接设置cookie、跨域问题、httpOnly属性的安全考量，以及不同浏览器版本对cookie的影响。通过调整策略和解决技术难题，最终实现了cookie的有效验证。

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

1.cookie验证
本身这是个简单的功能，后台给我cookie我再传回去不就好了嘛
结果！！！cookie原来不是放在登陆接口给我的，而是后台直接设置的cookie
那就改变策略，我在全局接口请求头里获取cookie，加上’Authorization’: Cookies.get(‘JSESSIONID’)，完美啊~
然而。。。拿不到cookie,why!why!why!开始进入迷宫，经过搜索，后台设置cookie可能限制了域名啊，http啊，缠着后台改了path,domain，httpOnly，可是，httpOnly放开后就有安全隐患了，那是为了什么要做cookie验证了
重新换思路，既然后台传了cookie，那为啥我拿不到呢
浏览器应该主动传递cookie的呀，为啥我在浏览器上看不到呢?为啥抓包工具又能看到呢?待我一番百度，原来是chrome版本惹的祸，怪我版本高喽
在这里插入图片描述

在这里插入图片描述
解决

yy小肥羊
关注
cookie无法自动携带问题排查
haishangfeie的博客
01-06 4547
以前公司的项目，曾经遇到过cookie无法携带的问题，排查了很久。近日一个做前端的朋友也遇到了类似的问题，问起我来，想想这个问题也可以记录一下，于是便有了这篇文章。 首先，同域 请求时，cookie是可以自动携带的，出现cookie无法自动携带，往往就是跨域导致的。 一般现在都是前后端分离，因此一般都会有跨域的情况，往往cookie无法自动携带就是跨域问题导致的。 我认为遇到类似的问题(cooki...
CORS跨域请求问题: 服务器响应携带Set-Cookie响应头, 客户端(服务器)无法将cookie存储进浏览器application中 (已解决)
weixin_44199502的博客
08-08 620
服务器响应携带Set-Cookie响应头, 客户端(服务器)无法将cookie存储进浏览器application中
spring boot前后端分离，跨域问题以及前端cookie带不进来的问题
没对象的指针的博客
07-21 589
前言 踩了好多坑，废话不多说，实测有效！！！！！！ 二、使用步骤 1.配置 代码如下（示例）： /** * 页面跨域访问Controller过滤 */ @Override public void addCorsMappings(CorsRegistry registry) { // .allowedHeaders("Access-Control-Allow-Origin:http://localhost:3000") WebMvcC
2019-11-01 HTTP协议中cookie没有在request中被传递
jingbotwins的博客
11-11 366
HTTP协议中cookie没有在request中被传递 在联调环境中，前后端交互用的HTTP协议，发现服务器明明向客户端写了COOKIE，而且浏览器也没有禁用COOKIE，但是从浏览器再访问服务器，Cookie不会传到服务器。 而在生产环境中，前后端交互用的HTTPS协议，就不存在这个问题。 因为设置了cookie.setSecure(true); true意味着"指示浏览器仅通过 HTTPS 连...
前后端分离cookie无法传递问题解决方案总结
fhfjfkfff的博客
06-29 3495
前后端分离cookie无法传递问题解决，设置Access-Control-Allow-Origin，Access-Control-Allow-Origin，Access-Control-Allow-Credentials和domain
前端为什么发请求没有携带cookie？
weixin_48975022的博客
08-02 6966
在前端发送请求时，如果想要携带 cookie，通常只能携带存储在与请求域名相同路径的 cookie。这是由浏览器的同源策略所决定的。同源策略要求请求的域名、协议和端口都必须一致，否则浏览器会限制跨域请求的权限。当浏览器发送跨域请求时，默认情况下不会自动携带 cookie，只有在以下两种情况下才会携带：目标域名设置了允许携带 cookie 的响应头（Access-Control-Allow-Credentials），并且请求的 origin 域名也在目标域名的白名单中。
解决java后台登录前后cookie不一致问题
08-31
在Java Web开发中，Cookie是用于在客户端存储和传递数据的一种机制，而Session则是在服务器端维护用户状态的关键工具。当涉及到用户登录流程时，Cookie和Session通常一起使用，以保持用户会话的连续性。然而，有时会...
基于C#后台调用跨域MVC服务及带Cookie验证的实现
09-05
在进行跨域请求时，确保这些Cookie被正确传递到目标服务是非常重要的，因为它们承载着用户的登录状态信息。 总结来说，通过C#后台服务作为代理，我们可以轻松地处理跨域问题，同时保持前后端的解耦。此方法不仅可以...
java带cookie跨域重定向,边缘浏览器 - 使用跨域请求设置Cookie
weixin_42372963的博客
03-22 1719
作为我正在开展的项目的一部分，我们需要发送跨域请求 . 我有以下电话：$http({url: 'http://192.168.1.1/API/Login',method: "POST",data: {password: $scope.pass},withCredentials: true,cached: false,headers: {'Content-Type': 'application/x-...
Cookie和Session介绍
qiaotl的博客
07-18 1554
通过实际应用详细介绍Cookie与Session的区别以及如何使用他们
前后端分离时后端传cookie前端接收不了问题（vite.config.js）
weixin_45909571的博客
02-18 1601
前后端分离时后端传cookie前端接收不了问题
解决跨域问题
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....
Mac使用新版本Google浏览器，前端访问后台接口跨域，无法携带cookie问题
memory_zzz的博客
08-25 906
解决方法： 1.关闭谷歌浏览器（一定要彻底退出谷歌浏览器） 2.打开终端 3.在终端中输入： open -a "Google Chrome" --args --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure 4.此时再次访问后台接口就可以成功传递cookie并且访问接口了～ ...
前台请求不带cookie的问题解决方案大汇总
热门推荐
u013282737的博客
09-19 5万+
今天碰到一个很棘手的问题，前端请求后端不带cookie， 请求时header里面就是没有cookie，可能还少了点其他东西 很头疼，尝试了很多办法，还是不行，比如下面几种： 1：我是用的axios请求的，很多人只加下面这一行代码就搞定了，但是，我没有 // 允许携带cookie axios.defaults.withCredentials=true 2:然后，有人加withCred...
登录后，后续请求接口没有带登录cookie可能原因
weixin_33878457的博客
06-25 5113
2019独角兽企业重金招聘Python工程师标准>>> ...
Cookie添加到浏览器不成功
黑白笔的博客
01-05 6260
本机IP和127.0.0.1及localhost及对于Cookie来说不是同一个域名，因此添加cookie不成功。 具体示例： 明明添加cookie已经成功，但是就是从浏览器中读取不到。
浏览器请求不携带cookie_小cookie，大智慧
weixin_39600704的博客
01-27 3065
Cookie是什么？cookies是你访问网站时创建的数据片段文件，通过保存浏览信息，它们使你的在线体验更加轻松。使用cookies，可以使你保持在线登录状态，记录你的站点偏好，并为你提供本地化支持。First-party cookies or Third-party cookies第一方cookie由你访问的站点创建。该站点指的是地址栏显示的站点;第三方cookie是由其他站点创建的。...
解决后台设置cookie但是前台浏览器不能存储在cookie中
Alina_shu的博客
12-18 1万+
测试大概是这么写的 @RestController public class UserController { @RequestMapping("/test") public void login(HttpServletResponse response) { Cookie cookie = new Cookie("test","test"); ...
uni.uploadFile传递cookie
最新发布
05-14
### 使用 `uni.uploadFile` 上传文件时携带 Cookie 的配置方法 在前端开发中，当使用 `uni.uploadFile` 方法上传文件时，默认情况下不会自动附带用户的登录状态（即 Cookie）。如果需要实现这一功能，则需考虑以下几个方面： #### 1. **跨域问题** 由于前后端分离架构的存在，通常会遇到跨域请求的情况。在这种场景下，浏览器默认不会发送存储的 Cookie 到目标服务器。为了使浏览器能够正常发送 Cookie，在发起请求前，必须满足以下两个条件之一[^2]: - 后端设置响应头 `Access-Control-Allow-Credentials: true` 并允许特定域名访问。 - 前端通过 API 请求时显式指定参数 `withCredentials: true`。 对于 `uni.uploadFile` 而言，其本身并不支持直接传递 `withCredentials` 参数。因此，可以通过调整后端 CORS 配置来解决此问题。 #### 2. **手动附加 Cookie** 如果无法修改后端 CORS 设置或希望更灵活地控制 Cookie 发送行为，可以尝试手动将必要的身份验证信息作为额外数据提交给后台处理程序。例如，利用 `formData` 字段向服务器提供用户令牌或其他认证标志代替传统意义上的 Cookies: ```javascript uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; // 获取当前页面中的 session 或 token 数据 let userToken = uni.getStorageSync('user_token'); uni.uploadFile({ url: 'https://www.example.com/upload', filePath: tempFilePaths[0], name: 'file', formData: { 'user': 'test', 'token': userToken // 手动加入 Token/SessionID 等替代品 }, success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } }); ``` 此处需要注意的是，实际项目里应替换 `'https://www.example.com/upload'` 和逻辑部分以适配具体业务需求[^1]。 #### 3. **借助自定义封装工具类** 另一种更为优雅的方式是创建统一管理 HTTP 请求的服务模块，并在此基础上扩展文件上传能力。这样不仅可以简化代码结构还能增强可维护性和重用率。下面是一个简单的例子展示如何基于 Axios 实现类似的机制[^3]: ```javascript // utils/http.js 文件内容片段 import axios from 'axios'; const instance = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 5000, withCredentials: true, // 开启凭证共享开关 }); export function httpUploadFile(options){ return new Promise((resolve,reject)=>{ var formdata=new FormData(); Object.keys(options.formData).forEach(key=>{ formdata.append(key,options.formData[key]); }); options.headers={ ...options.headers, ['Content-Type']:undefined,//让浏览器自行判断MIME类型 }; instance.post('/api/v1/files/upload',formdata,{ headers:{ Authorization:`Bearer ${localStorage.getItem("access_token")}` , } }).then(response=>resolve(response)).catch(error=>reject(error)); }) } ``` 最后记得挂载到全局 Vue 对象以便于组件内部调用: ```javascript Vue.prototype.$http=http ; Vue.prototype.$httpUploadFile=httpUploadFile ; ``` 以上就是关于如何在 UniApp 中使用 `uni.uploadFile` 进行文件上传的同时带上 Cookie 的解决方案探讨。具体情况还需要依据项目的实际情况做适当调整优化。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值