关于vue3发送axios请求不能携带cookie的问题

最新推荐文章于 2024-04-12 05:30:51 发布
最新推荐文章于 2024-04-12 05:30:51 发布
阅读量1.8k 收藏 2
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiuwei_z/article/details/128143906
版权

我们知道在vue2中axios是默认不携带cookie的，要加上withCredentials: true 这项配置才行，

但是在vue3中确是不需要这项配置了默认是可以携带的，前提是你的axios需要通过代理实现

这个是发送的请求样式（地址写上自己的哟）

这个就是重头戏axios（写在vue.config.js中）的代理啦

哎，这可是个大坑！！！一定要注意啊！

jiu违
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
axios 设置了 withCredentials = true 但还是不能带上 cookie 的问题
在人间负债^
04-10 3027
简单的来说就是出现了跨域请求，但浏览器默认的SameSite=Lax是不支持跨域下cookie操作的。因此设置cookie失败。打开谷歌浏览器，地址栏输入：chrome://extensions/然后打开开发者模式，把下载的拖进去。解决方法有很多，有通过代码解决的，可以通过设置浏览器来解决，但是不能要求所有用户都改浏览器设置。，让请求来携带 cookie，但浏览器依旧无法携带 cookie。方法一：添加一个SpringSession配置类。方法二：在yml配置文件中添加配置。
Vue axios 跨域请求无法带上cookie的解决
10-14
主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目使用axios发送请求让ajax请求头部携带cookie
最新发布
m0_63174811的博客
04-12 914
最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下：//让ajax携带cookie还要做一步工作，在spring_mvc下配置：配置跨域注意这里是本地端口号。
axios 发送请求请求头信息不包含Cookie信息
T_Y_F_的博客
06-22 2625
axios 发送请求请求头信息不包含Cookie信息
vue axios 请求不带cookie问题
qq_35120986的博客
04-02 5583
场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败. 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上 withCredentials:true 的属性. 2. 修改axios默认配置, 使得每次请求默认携带cookie. import axios from 'axios' axios.defaults.withCredentials=true; 总结：第一种方式应用于
axios库读不到cookie_Vue axios 跨域请求无法带上cookie的解决
weixin_39977136的博客
12-19 292
在main.js设置// 携带cookieaxios.defaults.withCredentials = true补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变这两天用VUE写管理后端时，碰到一个奇葩问题：我本地使用dev配置开发的时候 请求可以带上cookie信息 打包出来部署在服务器上 请求就没带上cookie信息。然后自己慢慢排查，联合后端同事，排查...
关于axios发送请求时默认不携带cookie的解决办法
weixin_49847526的博客
11-07 1616
axios默认是发送请求的时候不会带上cookie的，需要通过设置withCredentials: true来解决。 import axios from 'axios'; // 引入axios axios.defaults.withCredentials = true; // 允许携带cookie
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
非同源域名axios无法携带cookie，基于问题我们深挖axios
JIANYMN的博客
03-21 3065
axios 无法携带cookie，原因竟然是withCredentials配置，重温ajax的创建步骤，并利用class类和promise特性去封装我么自己的axios
Vue Axios 跨域 未携带cookie
Silentic
08-16 1654
通常的解决办法 【前端】在axios请求的参数中，写入对象属性withCredentials：true （也可以全局配置Axios.defaults.withCredentials = true） 【后端】响应头消息中的Access-Control-Allow-Origin不能设置为 ’ * ’ 号，需改成具体的地址。 【后端】响应头消息中必须设置 Access-Control-Allow-Cr...
Axios发送跨域请求时，默认不携带cookie的问题解决示例。
飞翔的熊blabla
03-18 4729
问题发现： 在使用vue开发学子商城项目时，发现登录页面即使登录成功了，也无法将正确的登录状态信息传递回主页。 如图：登陆成功之后，登录状态码为1，且通过cookie保存下来，跳转到首页后通过axios请求获取cookie中保存的登录状态码。但是此时获取到的状态码却不正确，导致错误的原因是： axios请求默认不携带cookie 解决方案： 方案一、修改axios中的cookie配置。 通过查...
axios请求不携带Cookie的原因
风如也的博客
03-23 9821
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+vue 请求时如何携带cookie
web13985085406的博客
08-01 6709
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。此时，请设置具体配置，这是一个坑，查阅资料得知，部分浏览器对*的兼容性不好，有的说法解释说Access-Control-Allow-Credentials’‘true’该字段会影响*的解析，导致报错。也就是说，不管后端是什么语言，需要返回以上四个响应头字段，如下所示，跨域状态下，cookie已经传递成功。如有不妥，请指出，希望对各位有所帮助，共勉!在响应头中添加以下几个字段。...
vue-请求时不带cookie的解决方案
startyangu的博客
11-11 1231
https://blog.csdn.net/qq_35120986/article/details/123927470
Vue3配置代理解决跨域请求及携带Cookie问题
mumoing的博客
01-13 1212
在前后端开发的过程中，经常涉及跨域请求的问题。 1. 跨域请求。 2. axios发送请求时携带cookie，用于后端用户认证。
vue中cookie的使用——将cookie放在请求头header中
诚的博客
08-25 5669
第一步：封装cookie //设置cookie export function setCookie(c_name, value,expire) { var date = new Date() date.setSeconds(date.getSeconds() + expire) document.cookie = c_name + "=" + escape(value) + "; expires=" + date.toGMTString() } //获取cookie export f
Axios默认不携带Cookie/Session的问题解决
qq_39600914的博客
09-08 4968
问题 Axios默认设置跨域不使用Cookie/Session的 解决方法 前端: 全局设置 在axios.js中添加以下代码 组件设置 如不想全局设置,在需要传递Cookie/Session的axios请求中加入以下代码 "withCredentials:true"即可 设置完"withCredentials:true"后,还不能正常访问,因为启用"withCredentials"之后,...
vue3发送axios请求
09-14
在Vue3中发送Axios请求的步骤如下： 1. 首先，确保你已经在项目中安装了Axios库。你可以使用以下命令在你的Vue项目中安装Axios： ``` yarn add axios ``` 2. 在需要发送Axios请求的组件中，你可以通过导入Axios来使用它。在组件顶部添加以下代码： ```javascript import axios from 'axios'; ``` 3. 接下来，你可以使用Axios发送请求。你可以在Vue的生命周期钩子函数（例如created）或者其他需要发送请求的方法中使用Axios。例如，发送一个GET请求可以这样写： ```javascript axios.get('http://example.com/api/data') .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }); ``` 4. 你也可以发送其他类型的请求，比如POST、PUT、DELETE等。只需将请求方法替换为对应的方法即可。例如，发送一个POST请求可以这样写： ```javascript axios.post('http://example.com/api/data', { data: 'example' }) .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }); ``` 5. 你还可以在请求中使用其他的配置选项，比如设置请求头、发送请求时携带cookie等。具体的配置选项可以参考Axios的官方文档。 总结起来，使用Vue3发送Axios请求的步骤包括安装Axios库、导入Axios、使用Axios发送请求以及处理响应和错误。通过这些步骤，你可以在Vue3项目中方便地发送和处理Axios请求。 : 官方文档，<https://axios-http.com/docs/intro>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值