vue项目前后端联调请求成功，但是因为cookie无法使用导致第二次请求失败

最新推荐文章于 2024-01-01 23:09:15 发布
最新推荐文章于 2024-01-01 23:09:15 发布
阅读量790 收藏 1
点赞数
分类专栏： Javascript 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27577113/article/details/124504996
版权

本地调试Java接口请求成功，授权也通过了，但是第二次请求还是失败这个问题可能是因为浏览器用了localhost请求，但是接口用的是IP请求，要正常访问需要保持一致的访问方式，请求接口也要改成localhost访问方式，因为springboot是开启HttpOnly模式的，这个模式下不允许在请求IP不同的情况脚本读取cookie

来自喵星
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+ssm+前后分离+jwt认证+ sessionId变动问题 或者cookie丢失问题
liuwang61147371的专栏
05-31 714
环境:vue/cli 4.3 +elementUI+ssm框架+node.js(代理proxyTable 方式的代理,在开发环境下) 我遇到sessionId 总是变化的问题(坑了我好久,故做引路人.....) 1.因为用到的是node.js开发的环境下的代理.所以不存在跨域问题(再说一遍不存在跨域问题).前端代理配置vue.config.js 如下图: module.exports = { css: { sourceMap: true, //设置浏览器调试模式下显示css
vue store刷新参数丢失的问题
程序媛的博客
03-15 97
使用cookies吧。
jsessionid的困扰
sunxboy的专栏
07-21 2192
问题：向某银行发送支付请求时，如果客户端cookie开启，第一次请求时，请求地址会自动增加一jsessionid,第二次没有问题。如果客户端cookie关闭，无论如何请求地址会自动添加一jsessionid,从而导致支付页面不能显示。------------------------- 查了网上的一些解决办法，找到原因，如下： < 在你的程序第一次访问服务器的时候，服务端并不知道你的客户端浏览...
vue+springboot 跨域跨 session+cookie失效失 问题
weixin_41500775的博客
09-30 2888
主要介绍了前后端分离 vue+springboot 跨域 session+cookie失效问题的解决方法，解决过程也很简单 前端 vue ip地址：192.168.1.205 后端 springboot2.0 ip地址：192.168.1.217 主要开发后端。 首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后续请求取出的用户都为null。 首先发现sessionID不一致，导致每一次都是新的会话，当然不可能存在用户了。然后发现cook
解决vue请求接口第一次成功,第二次失败问题
10-14
主要介绍了解决vue请求接口第一次成功,第二次失败问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决HBuiderX打包vue项目为app后，cookie不能读写问题
ZHIYUANfL的博客
05-31 3268
我之前习惯将token及用户信息等存到cookie，发现HBuiderX打包vue项目为app，运行之后cookie不能读写。 后来换成存储localStorage可以解决 window.localStorage.setItem(name,value) window.localStorage.getItem(name) ...
IE浏览器,web端访问服务器后,第二次不带cookie,解决方案
mawei7510的博客
11-07 1123
问题: 网页端访问服务器, 第一次服务器有cookie返回, 第二次没有携带cookie去访问服务器, 导致session不一致,登录不了系统. 原因: 百度了一圈,总结了一下, 导致没有携带cookie的原因, 是因为域名的问题. 我的域名和代码里面访问服务器的域名(服务端接口URL的域名)不一致导致的. 虽然两个域名对应的IP是一样的. 但是也会导致这个现象,(只有在IE浏览器上面...
之前运行成功的vue项目重新打开之后运行报错问题
UNDEFINED_AUBE的博客
09-03 3751
我遇到的情况是之前用 vue 做的好好的项目，也运行成功了，但是过几天我重新打开项目运行的时候，就会报一堆Error，下面是我的解决方法：     把 node_modules文件 删掉，然后再把整个项目里面的东西全部复制到一个新建的文件夹里，再在这个新建的文件夹里面 cnpm install ，再运行这个新的文件里面的项目，就可以了 具体原因是什么我也不清楚，但这样确实可以解决问题。...
vue使用js-cookie在移除指定cookie不生效的问题
M&Y的博客
08-25 1636
笔者前端小白在做用户退出时，移除cookie里面的个人用户信息，并跳转到登录页面，然而cookie并未及时生效。 后来发现 this.$router.push在页面跳转时并未刷新页面，因而cookie中的内容未及时清除。于是换成 window.location.href来完成页面跳转就没问题了。当然并不是最佳解决方案，有更好的解决方法欢迎留言。 ...
Vue项目前后端联调(使用proxyTable实现跨域方式)
01-19
vue本地项目调试线上接口出现跨域问题 使用方法：vue在配置文件中提供了proxyTable来设置跨域，在config文件夹的index.js文件中 dev: { //开发环境下 // 静态资源文件夹 assetsSubDirectory: 'static', // 发布...
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 移动端无法设置cookie_vue项目实现移动端适配的案例
weixin_32232809的博客
01-26 818
前言：使用vue开发移动端页面时，往往需要实现页面根据不同设备屏幕进行尺寸的适配，实现将px自动换算成rem单位，其实只需要安装下面的两个插件即可快速实现移动端适配问题。1 准备工作：a. 安装 px2rem-loader 插件：npm install px2rem-loader --save；b. 安装 lib-flexible 插件：npm install lib-flexible --sav...
thinkphp6+vue前后端分离开发验证码总是验证不正确问题
寂寥人生
03-21 3629
问题抛出 首先，使用的是think-captcha 拓展包 composer require topthink/think-captcha 它是需要开启session才能使用的，当验证码显示时，它同时会在session中存一份验证码。 开发接口时，发现怎么都不正确，最后发现了问题所在， 我每次刷新vue登录页面时，服务端总是会重新生成session文件 单独访问验证码时，则一直都是同一个session文件，它不会生成新的文件 因此总结出结论： vue的登录页面和显示验证码的请求两个session会话
vue----跨域 cookie丢失问题
m0_51165087的博客
02-25 2350
问题前摘: 前后端 域名不同，出现跨域问题 后端采用 cors 解决，但出现 前端页面跳转 致使后端cookie丢失问题 问题出现原因： 后端采用 cors 会出现前后端 cookie 不通的问题，因此在后端添加 cors 的时候，前端也应注意 将权限打开 解决办法： 前端在 main.js 中 添加 axios.defaults.withCredentials = true ...
vue3.0解决跨域，cookie无法写入浏览器
DXDSuper博客
05-08 2717
配置vue.config.js module.exports = { devServer: { // open: true, //是否自动弹出浏览器页面 host: "0.0.0.0", port: '8080', https: false, hotOnly: false, proxy: { '/api': { target: 'http://服务器ip:5000', //API服务器的地址 ws: true,
前后端分离无法携带 cookie 坑点（Vue+SpringBoot 跨域问题）
qq_44656336的博客
10-19 4303
配置了跨域，未解决跨域问题，检查发现是没有携带 Cookie 原因。 出现java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. 的错误
vue中使用验证码和问题处理
牛先森家的博客
08-28 2366
vue中使用验证码vue中使用验证码1、思路分析2、npm安装必要的包3、express开启服务器和封装必要的请求函数4、前端准备工作5、遇到问题5、问题处理 vue中使用验证码 1、思路分析 后端分析： nodejs的第三方express 开启服务器 数据接口 —— 包括登录接口、图形验证接口 图形验证码的处理封装 前后端跨域处理（这里处理的是vue和静态资源服务器端口不同导致验证码跨域问题） 前端分析： vue框架 登录视图页面 axios 发送请求（这里是封装了axios） 获取数据 2、np
localhost:8080访问localhost:3000跨域，cookie失效的问题处理（koa + vue + axios）使用svg-captcha验证码生成并验证
weixin_44434938的博客
09-07 1201
ocalhost:8080访问localhost:3000跨域，cookie失效
vite创建vue项目cookie不生效问题
最新发布
chuyuluo189的博客
01-01 854
localhost与127.0.0.1是有区别的，不能混用。前后端地址要匹配或者一致才能种上cookie。
vue打开页面第一次请求成功第二次就失败没有返回码
09-07
在Vue中，当打开页面时，如果第一次请求成功，而第二次请求失败且没有返回码，可能有以下几种可能的原因： 1. 服务器端错误：可能是服务器端出现了问题，导致第二次请求无法成功。可能是服务器配置错误、数据库连接...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值