解决 axios 请求时不携带 cookie

最新推荐文章于 2024-02-06 16:19:17 发布
VIP文章 最新推荐文章于 2024-02-06 16:19:17 发布
阅读量3.5k 收藏 4
点赞数 2
分类专栏： 问题记录 文章标签： cookie session http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45499478/article/details/114372394
版权

问题描述

最近在做一个项目，开发模式是前后端分离的，用户登录之后服务端返回 cookie 信息，通过 document.cookie 设置 cookie 了，但是发起其他请求时请求头没有cookie ？？？

截图：
在这里插入图片描述
在这里插入图片描述

解决方案

想到了之前 vue 电商项目中，手动设置了 Authorization ，今天可以 ctrl c+v 了

axios.interceptors.request.use(config =>
最低0.47元/天 解锁文章
gaearon
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue axios 跨域请求无法带上cookie的解决
11-19
在main.js设置 // 携带cookie axios.defaults.withCredentials = true 补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变 这两天用VUE写管理后端时，碰到一个奇葩问题： 我本地使用dev配置开发的时候 请求可以带上cookie信息  打包出来部署在服务器上 请求就没带上cookie信息。 然后自己慢慢排查，联合后端同事，排查这个cookie问题，前端也配置了 axios.defaults.withCredentials = true; 后端也配置了跨域cookie，然后就是没用，每次后台获取到的ses
vue发送axios跨域请求无法带上cookie
weixin_43567035的博客
11-22 764
解决方案： 1前端是vue axios默认不携带cookie，因此在发送请求时添加参数{withCredentials: true} 如 //post this.$http.post( url, data,//数据 {withCredentials: true}//post是第三个参数 ).then((res)=>{ ... }); //get this.$http.get( url, {withCredentials: true} ).then((res
axios 解决跨域不携带 cookie 的问题
ZL_2014的博客
04-16 1353
文章目录1. 说明2. 解决方案2.1 后端2.1 前端axios配置 1. 说明         后端使用CORS解决跨域问题，会导致axios请求不再携带cookie., 因此在需要使用session的场合的时候，后端给即使前端设置了JSESSIONID，后端的请求也不会携带其到请求头中。 2. 解决方案 2.1 后端          这里
前端访问接口 自动携带Cookie (axios)
最新发布
weixin_42414313的博客
02-06 1154
在跨域请求中，浏览器默认情况下不会自动携带跨域请求的 cookie。这是由于浏览器的同源策略（Same-Origin Policy）所导致的安全性限制。然而，可以通过设置一些选项来允许浏览器发送跨域请求时携带 cookie。将告诉浏览器在跨域请求中携带 cookie。但请注意，服务器也需要配置以允许跨域请求携带 cookie。在 Axios 中，你可以通过在请求配置中设置。来实现自动携带 cookie。
axios请求不携带Cookie的原因
风如也的博客
03-23 9703
axios请求默认是不携带 Cookie 的，如果需要携带 Cookie 前端需要配置 withCredentials: true 即 // 创建axios实例 const service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 5000, // 请求超时时间 withCredentials: true }) 同时还要确保后端配置了 Access-Control-Allow-Credentia
Axios发送跨域请求时，默认不携带cookie的问题解决示例。
SilenceJude的博客
11-27 3万+
问题发现： 在使用vue开发学子商城项目时，发现登录页面即使登录成功了，也无法将正确的登录状态信息传递回主页。 如图：登陆成功之后，登录状态码为1，且通过cookie保存下来，跳转到首页后通过axios请求获取cookie中保存的登录状态码。但是此时获取到的状态码却不正确，导致错误的原因是： axios请求默认不携带cookie 解决方案： 一、修改axios中的cookie配置。 通过查...
Vue中使用axios进行前后端交互，请求头默认不携带cookie
鸭绒的博客
01-26 1911
使用Vue高仿网易云音乐项目，有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性，比如：用户想“评论”某一首歌，那么用户就必须先登录个人账号，登录成功后，服务端会返回一个cookie，我们需要保存下来，然后在评论歌曲发起请求时，需要在请求头携带cookie用于验证用户。 一开始认为cookie只要保存下来就会在下次发起请求时，请求头就会自动携带。事实上，我们还需简单配置一下axios： withCredentials: true 示例： const instance = new .
前端中axios中设置了withCredentials = true ,但是依旧不能带上cookie
weixin_64309182的博客
05-28 610
axios 设置了 withCredentials = true 但还是不能带上 cookie 的问题_axios无法设置cookie_在人间负债^的博客-CSDN博客
vue项目使用axios发送请求让ajax请求头部携带cookie
热门推荐
若晨工作室
11-09 5万+
最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下： import axios from 'axios' axios.defaults.withCredentia
Vue中axios请求默认不带cookie问题
mrsun_web
09-01 1100
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
解决axios无法自动携带cookie的问题（包括谷歌浏览器）
m0_46627730的博客
05-21 3902
前言： 一直都在用session来进行身份验证，突然用cookie来进行身份验证，竟然发觉身份验证竟然失败了。 原因： 1. axios 默认不自动携带 cookie 2. 谷歌浏览器对 Cookie 的SameSite属性用来限制第三方 Cookie，从而减少安全风险。 解决： 1. 设置 axios.defaults.withCredentials = true 让 axios 请求自动携带 cookie 2. 谷歌浏览器访问 chrome://flags ，将 SameSite by default
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
axios携带cookie配置详解(axios+koa)
10-17
主要介绍了axios携带cookie配置详解(axios+koa)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
详解Vue-axios 设置请求头问题
10-17
主要介绍了Vue-axios 设置请求头问题,文中给大家提到了axios设置请求头内容的方法，需要的朋友可以参考下
前端使用axios发送Post请求,预检不通过(无法携带cookie),无法加载响应数据(跨域)
weixin_64309182的博客
05-29 2371
后端Spring boot 的controller层 就是标准的格式只是在controller类的上面加上了一个注解@CrossOrigin。(以及指定特定的参数)
非同源域名axios无法携带cookie，基于问题我们深挖axios
JIANYMN的博客
03-21 3038
axios 无法携带cookie，原因竟然是withCredentials配置，重温ajax的创建步骤，并利用class类和promise特性去封装我么自己的axios
Vue Axios 跨域 未携带cookie
Silentic
08-16 1637
通常的解决办法 【前端】在axios请求的参数中，写入对象属性withCredentials：true （也可以全局配置Axios.defaults.withCredentials = true） 【后端】响应头消息中的Access-Control-Allow-Origin不能设置为 ’ * ’ 号，需改成具体的地址。 【后端】响应头消息中必须设置 Access-Control-Allow-Cr...
axios库读不到cookie_axios请求无法携带cookie
05-27
你可以尝试在创建axios实例时设置withCredentials为true，这样axios请求就能携带cookie了。示例代码如下： ``` import axios from 'axios'; const axiosInstance = axios.create({ withCredentials: true }); axiosInstance.get('/your/api').then(response => { console.log(response); }).catch(error => { console.log(error); }); ``` 另外，还需要确保后端接口允许携带cookie。如果后端接口设置了Access-Control-Allow-Credentials为true，则axios请求才能成功携带cookie。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值