关于 vue-cli 里 axios 携带不了 cookie 的问题

最新推荐文章于 2022-11-11 19:25:07 发布
最新推荐文章于 2022-11-11 19:25:07 发布
阅读量487 收藏
点赞数
文章标签： cookie session
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41803742/article/details/107674202
版权

在 vue-cli 里的 main.js 配置 axios 代码里加上 axios.defaults.withCredentials = true; 这行代码就可以携带 cookie 请求了。
原因：axios 请求的时候会默认把 cookie 隐藏掉，所以服务器端会获取不到有些在 session 上保存的数据；

白宝线
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端vue项目发送请求不携带cookie（vue.config.js和nginx反向代理）
黎小小的博客
01-05 3828
本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。
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项目本地启动时无法携带cookie
小肉包的博客
02-05 5811
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
vue-请求时不带cookie的解决方案
startyangu的博客
11-11 1262
https://blog.csdn.net/qq_35120986/article/details/123927470
关于本地调试不携带cookie
high32的博客
10-02 2191
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
vue项目不携带cookie的解决办法合集
qq_28568547的博客
04-01 2784
1.浏览器原因（360、火狐没问题，谷歌不行） 解决步骤如下： 1.在浏览器地址栏访问chrome://flags 2.搜索框搜索SameSite，状态改为Disabled（SameSite属性，用来防止 CSRF 攻击和用户追踪） 3.保存、重启浏览器 2.跨域问题，服务器上没问题，本地运行不可以。 解决步骤如下： 前端修改 修改axios中的cookie配置（axios的请求配置默认是不携带cookie信息的） 1.在axios请求的参数中，设置对象属性withCredentials：true 后台配合
vue-cli 与 axios 跨域的cookie配置，教你摆脱后端依赖
03-08 5644
写在前面 某天，某人正在认真的写 bug 突然，线上环境有个问题，测试环境无法复现。测试说，莫得办法，连上线上环境自己搞下？ 某人：那不就跨域了吗？？ 赶紧翻翻 vue-cli 的跨域咋配置的？ module.exports = { devServer: { proxy: { '/api': { target: '<url>', ws: true, changeOrigin: true }, '/fo
vue中axios未携带cookie问题
哦哦一人
11-18 1752
这里好像是被axios限制 所以必须加上属性withCredentials=true 你也可以在vue中main.js文件夹配置axios的时候配置 axios.defaults.withCredentials=true 这样你就可以携带cookie了 如果你使用了vue中的代理 那么你可能还是不行携带cookie 具体原因我也不清楚 但是解决方案就是： 请看这个请求头中的Set-cookie 后面是不是还有一个path 这时你需要 ...
Vue -- axios 跨域请求无法带上cookie
bobobocai的博客
08-10 6339
在main.js设置 // 携带cookie axios.defaults.withCredentials = true
vue项目使用axios发送请求让ajax请求头部携带cookie
热门推荐
若晨工作室
11-09 5万+
最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下： import axios from 'axios' axios.defaults.withCredentia
axios请求无法携带cookie
weixin_30378311的博客
07-09 4409
　　背景　　 　　　　最近在用vue重构公司公司AngularJS 1.X项目，老项目身份认证采用的cookie，前端ajax库采用是angularJS的$http/$resource服务，新版采用的是axios，但是发现前端http响应头中少了Set-Cookie属性，同时在浏览器中查询不到cookie信息,服务端也接收不到cookie信息。postman请求正常，使用axios请求不正常，如...
Vue 本地跨域处理(包含cookie)
飞扬_柳絮的专栏
01-29 1万+
1、前端设置 main.js import axios from 'axios' axios.defaults.withCredentials = true; //允许axios请求携带cookie等凭证 2、后端设置 说明： 以下设置对同域情况下没影响 //当**Credentials为true时，**Origin不能为星号，需为具体的ip地址【如果接口不带cookie,ip无......
axios库读不到cookie_axios请求无法携带cookie
weixin_39759182的博客
12-19 550
背景最近在用vue重构公司公司AngularJS 1.X项目，老项目身份认证采用的cookie，前端ajax库采用是angularJS的$http/$resource服务，新版采用的是axios，但是发现前端http响应头中少了Set-Cookie属性，同时在浏览器中查询不到cookie信息,服务端也接收不到cookie信息。postman请求正常，使用axios请求不正常，如下图所示：axios...
vue axios 请求不带cookie问题
qq_35120986的博客
04-02 5782
场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败. 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上 withCredentials:true 的属性. 2. 修改axios默认配置, 使得每次请求默认携带cookie. import axios from 'axios' axios.defaults.withCredentials=true; 总结：第一种方式应用于
解决axios无法自动携带cookie的问题（包括谷歌浏览器）
m0_46627730的博客
05-21 4004
前言： 一直都在用session来进行身份验证，突然用cookie来进行身份验证，竟然发觉身份验证竟然失败了。 原因： 1. axios 默认不自动携带 cookie 2. 谷歌浏览器对 Cookie 的SameSite属性用来限制第三方 Cookie，从而减少安全风险。 解决： 1. 设置 axios.defaults.withCredentials = true 让 axios 请求自动携带 cookie 2. 谷歌浏览器访问 chrome://flags ，将 SameSite by default
axios + vue 不能携带set-cookie
m0_37626203的博客
05-28 1318
在vue中使用axios的时候，并没有默认设置set-cookie 。需要设置 widthCredentials: true 设置方式分为两种： 全局设置：在axios创建的时候设置 const axios = Axios.create({ baseURL: "http://192.168.0.102/gainfo/", widthCredentials: true, }) 局部设置：在get,post 等等发送请求的时候设置 export function get(
在Vue中如何使用Cookie
xiaoyuehan007的专栏
07-20 7883
大家好，由于公司忙着赶项目，导致有段时间没有发布新文章了。今天我想跟大家谈谈Cookie的使用。同样，这个Cookie的使用方法是我从公司的项目中抽出来的，为了能让大家看懂，我会尽量写详细点，如果有不明白的盆友，可以加我们的QQ号，我们会远程指导。我们的QQ号：【511387930】。废话少说，我们直接进入正题。 一、安装Cookie 在Vue2.0下，这个貌似已经不需要安装了。因为当
Vue中axios请求默认不带cookie问题
mrsun_web
09-01 1148
使用场景: 有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败 解决方法（二者选其一就行）: 1. 每次想携带cookie的axios请求,加上withCredentials:true的属性 2. 修改axios默认配置, 使得每次请求默认携带cookie axios.defaults.withCredentials=true; 总结： 第一种方式应用于大部分请求不想带cookie，只有少部分请求需...
vue-cli项目用axios发送请求但是控制台里面看不到
最新发布
07-12
如果你在 Vue CLI 4 项目中使用 Axios 发送请求，但是在控制台中看不到请求的日志，这可能是因为默认情况下 Axios 不会将请求的信息输出到控制台。 要在控制台中查看 Axios 请求的日志，你可以通过配置 Axios 的拦截器来实现。下面是一个简单的示例： ```javascript import axios from 'axios'; axios.interceptors.request.use( function(config) { console.log('Request:', config); // 在请求发送前打印请求配置信息 return config; }, function(error) { return Promise.reject(error); } ); axios.interceptors.response.use( function(response) { console.log('Response:', response); // 在收到响应后打印响应信息 return response; }, function(error) { return Promise.reject(error); } ); export default axios; ``` 在上面的示例中，我们使用了 Axios 的请求拦截器和响应拦截器来打印请求和响应的信息。你可以将上述代码放在一个单独的文件中，然后在项目中使用这个文件导出的 Axios 实例来发送请求。 这样，当你发送请求时，你应该可以在浏览器的控制台中看到请求和响应的信息。请确保你已经打开了浏览器的开发者工具，并检查控制台选项卡是否显示请求日志。如果仍然无法看到日志，请确保没有禁用控制台输出或过滤掉 Axios 相关的日志。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值