vue前端获取不到cookie

最新推荐文章于 2023-03-05 21:33:12 发布
最新推荐文章于 2023-03-05 21:33:12 发布
阅读量1.2w 收藏 7
点赞数 3
分类专栏： vue.js Vue系列 文章标签： vue cookie 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40701522/article/details/81317543
版权

最近开发的项目在获取cookie时，遇到了一些问题，浏览器cookie确实存在，而前端却取不到，这个问题非常简单（我却看了两天，尴尬！）给大家分享一下我的解决方案

首先，前端得检查自己获取cookie的方式是否正确，vue项目是有vue-cookies的，检查是否安装成功

然后检查自己获取cookie的方式，贴上自己的代码，仅供参考（is_login）

如果确保自己代码没问题后，去找后台，让他检查自己的问题，cookie服务端存在，客户端取不到，可以让后台把httpOnly改为false，我的就是这样解决的

素味平生
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue登录页面cookie的使用及页面跳转代码
12-11
1、大概流程  a、登录：前端使用validate对输入信息进行验证 验证成功则成功跳转到用户信息页并存储cookie值  b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户信息页,若为空则跳转登录页  c、退出页：点击退出跳转首页并删除cookie值 2、目录介绍 cookie.js为公共方法，用于cookie的存储、获取及删除 login.vue :登录页 index.vue:首页 user.vue:用户信息页 myinfo.vue:退出页 3、文件内容 a、cookie.js /*用export把方法暴露出来*/ /*设置cookie*/ export fu
vue3获取不到cookie，但浏览器有值，且HttpOnly为true
最新发布
Peach_crisp的博客
10-22 513
在后端设置了username的cookie值，结果在vue里输出this.$cookies.iskey('username')为false。最后是Path的问题，具体原因望大佬来敲打一下我。
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
环境： 前端 vue ip地址：192.168.1.205 后端 springboot2.0 ip地址：192.168.1.217 主要开发后端。 问题： 首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后续请求取出的用户都为null。 解决过程： 首先发现sessionID不一致，导致每一次都是新的会话，当然不可能存在用户了。然后发现cookie浏览器不能自动保存，服务器响应set-cookie了 搜索问题，发现跨域，服务器响应的setCookie浏览器无法保存，而且就算保存了域名不同也不能携带。 第一步： 后台添加过滤器，因为前后端分离，不可能每个方
本地启动项目后cookie跨域获取不到的处理方式
weixin_30872733的博客
12-15 840
问题现象   最近在做Vue项目，很多时候调试代码需要本地访问localhost来进行，然而请求接口是通过代理实现的，那么就会存在一种情况是：代理域名下种植的cookie，在localhost域名下访问不到。尽管在控制台可以看到，但是执行document.cookie，是拿不到对应cookie的。 原因   此时的cookie是跨域的，不同的domain，是无法共享cookie的。 处理   打...
详解vue中localStorage的使用方法
12-09
什么是localStorage 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage 1.sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 2.localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在 所以上次使用cookie的时候就遇到了一个坑,设置后马上访问session会获取不到,蛋疼,还需要刷新一下,原因是: 当我们首次访问设置Cookie的页
js获取cookie获取不到问题 vue获取cookie以及获取不到问题
i_am_a_div的博客
08-25 8765
1.下载依赖包 npm i js-cookie -S 2.在使用cookie的页面上进行引入 import Cookies from 'js-cookie' 3.使用 创建一个在整个网站上有效的Cookie Cookies.set('name', 'value'); 创建一个从现在起7天后过期的cookie，在整个站点上有效： Cookies.set('name', 'value', { expires: 7 }); 创建一个过期的cookie，对当前页面的路径有效： Cookies.set('nam
vue-请求时不带cookie的解决方案
startyangu的博客
11-11 1217
https://blog.csdn.net/qq_35120986/article/details/123927470
解决Vue和Beego项目中，Vue请求无法发送cookie，后端无法获取cookie的问题，和解决Vue的axios设置withCredentials之后跨域问题
LagerSwan的博客
12-30 3500
问题一、Vue请求无法发送cookie，后端无法获取cookie的问题； 1、今天在实现 Vue + Beego 项目的登录功能时，出现 Vue 发送请求之后，Beego 居然无法获取 cookie 的问题，上代码： - 前端 api.js 文件添加 withCredentials 设置： import axios from 'axios' axios.defaults.withCredentials = true - 后端 app.conf 文件设置启用 session 和 cookie se
cookie 获取不到设定值
BearSilencer的博客
02-08 1518
检查后台cookie值 读取不到的处理步骤和方法 1，检查是否给cookie赋值。前端还是后台 2，检查path是否设定好范围。cookie 要设定path的属性来确定使用范围 3，检查cookie值是否包含特殊字符。无特殊字符可获取到，有特殊字符无法获取 Cookie [] cookies = request.getCookies(); 获取的cookie 不能包含特殊字符 String cookie = request.getHeader("cookie")，获取所有的cookie值，可根.
vue-cookies使用方法，vue中使用获取cookie
i_am_a_div的博客
10-15 3万+
1.安装vue-cookies npm install vue-cookies -S 2.在main.js引入 import VueCookies from "vue-cookies"; Vue.use(VueCookies); 如图： 3.在vue组件中使用(如果存入的是对象，需要先转换为json字符串) 设置cookies this.$cookies.set('fileInfoId', to.query.fileInfoId) 如果是在某个js，例如router.js下使用，如下引入使用即可
使用具有身份验证 + 授权的 Rust 后端的 Vue 前端的示例应用程序。
06-28
Rust SPA + 身份验证该项目包含一个 Rust 服务器，它为单页应用程序提供服务，并具有身份验证 + 基于 JWT 的授权。它是作为学习练习编写的，希望可以成为使用身份验证 + 授权的 Rust 支持网站的有用示例。它比我在网上看到的其他示例代码更完整，更接近生产就绪，例如带有 warp 的 JWT 。警告虽然我有点见多识广，但我不是安全专家。不要将此代码部署到生产中。演示依赖关系Rust+Cargo 的最新版本（MSRV 未知）最新版本的 npm（最低未知）关于翘曲的注意事项如果你检查Cargo.toml ，你会看到warp依赖是我个人的经线叉。这是由于等待我的 PR合并更方便的拒绝处理。值得注意的内容服务器使用Warp Web 服务器进行Rust使用 Argon2 密码散列进行身份验证以生成刷新令牌 cookie使用 JWT 访问令牌进行声明的 2 个基本角色授权可选的 CORS用于更快速的客户端开发使用特征抽象数据存储的示例内存中实现存在客户Vue 2.X框架API 请求的Axios登录登出基于 JWT 声明的有条件可见的 UI 组件403 错误时自动刷新访问令牌我不是最
Vue axios 跨域请求无法带上cookie的解决
11-19
在main.js设置 // 携带cookie axios.defaults.withCredentials = true 补充知识：VUE axios请求跨域时没有带上cookie或者每次cookie都改变 ...后端也配置了跨域cookie，然后就是没用，每次后台获取到的ses
vue -- 跨域cookie 丢失的问题
weixin_33826609的博客
05-15 1855
前端使用了vue-reource的$http进行请求后台接口 登陆完成后，服务端监控发现无法拿到cookie，下面看几张前端控制台监控的图 reqqust Header 没有显示cookie 信息 最后解决的办法： 　　1.前端：{withCredentials: true} 　　2.后端： 　　　　1.直接使用*来匹配所有域名只能适用于无需使用cookie的场景 　...
vue 登陆成功后携带不了后台传来的 set-cookie 并携带请求错误处理
大白的博客
11-11 1万+
正常情况下，当一个接口中反回了该值，其他接口再提交请求，浏览器会自动附加的，不需要你额外关心。 但是使用了axios的时候，发现cookie携带不过去，原以为是没有获取到，后来发现是axios搞的鬼 表现：登陆成功后，发送的接口中，没有携带过去cookie，导致后台获取不到cookie，并且返回错误信息 原因：在axios中默认是不让后端写入cookie的 解决办法：在main.js中或者...
Vue如何读取cookie实现路由守卫（检查用户登录状态）
weixin_45745641的博客
12-19 4910
文章目录前言1.登录请求记录cookie2. 获取cookie的方法3.路由守卫做出判断效果演示 前言 一般实现路由守卫，判断用户的登录状态使用token和cookie验证两种方法，之前出过一期利用token实现路由守卫的方法见此链接 Vue实现路由导航守卫(检测token，强制跳转)，这次项目后端是给我提供的cookie验证，写到这里就记录一下，希望能帮助到你们 1.登录请求记录cookie 一般来说，cookie的记录由后端来实现，我这里亦是如此，点击登录按钮发送登录请求正确，此时浏览器就有cookie
vue路由守卫+cookie实现登录时间和鉴权
Wen_Tao98的博客
11-29 814
vue路由守卫+cookie实现页面跳转时验证用户是否登录----（一）cookie篇 vue路由守卫+cookie实现页面跳转时验证用户是否登录----（二）设置路由守卫
springboot+vue前后端分离cookie跨域问题+axios.defaults.withCredentials = true 前端跨域传递Cookie设置问题
weixin_44044816的博客
04-22 625
1、springboot+vue前后端分离cookie跨域问题 设置之后，发现后端数据正确，但是前端界面不能跳转了并且出现 Access to XMLHttpRequest at 'http://localhost:8888/getUserInfo?id=4' from origin 'http://localhost:8080' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header
解决前后端交互 SpringBoot Vue 后端发送的 Cookie 前端无法接收问题！
weixin_46076175的博客
03-05 1344
解决 vue 无法获取后端 Cookie ，axios 请求不携带cookie信息的问题
Vue 使用element-ui步骤条流程
热门推荐
素味平生的博客
08-20 3万+
负责项目所遇到的步骤条流程，给大家分享一下，效果如下 注：vue2.0 项目 该效果引用element-ui的步骤条，引用之前确保个人项目已安装Element 安装命令：npm install element-ui 然后在main.js中引入： 确保安装引用成功后，就可以开始写步骤条代码了 页面代码如下：通过判断active的状态去切换所在步骤的内容 js代码如下：prev为...
vue请求头携带的cookie换了一个环境就没有了
07-14
你好！对于 Vue 请求携带的 cookie，换了一个环境后没有了的问题，可能是由于跨域请求导致的。浏览器默认情况下，跨域请求是不携带 cookie 的，为了解决这个问题，你可以尝试以下方法： 1. 后端设置允许跨域请求携带 cookie。在后端接口的响应头中添加以下字段： ``` Access-Control-Allow-Origin: <your_domain> Access-Control-Allow-Credentials: true ``` `<your_domain>` 是你的前端域名或 IP 地址。这样设置后，浏览器会允许跨域请求携带 cookie。 2. 前端请求中设置 `withCredentials` 为 `true`。在 Vue 的请求中添加以下配置： ```javascript axios.defaults.withCredentials = true; ``` 或者在每个请求中单独设置： ```javascript axios.get(url, { withCredentials: true }); ``` 这样设置后，浏览器会在跨域请求中携带 cookie。 请注意，确保后端接口正确设置跨域响应头，并且前端请求中设置了 `withCredentials` 字段。同时，还要注意前端和后端的域名和端口是否匹配，否则仍然可能出现跨域问题。 希望以上方法能帮到你！如果还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值