跨域问题中获取不到响应头header中的token

最新推荐文章于 2024-04-09 21:56:33 发布
最新推荐文章于 2024-04-09 21:56:33 发布
阅读量3.4k 收藏 5
点赞数 2
分类专栏： springboot ajax 前端 文章标签： jwt spring boot ajax跨域问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hpf_99/article/details/113618541
版权
springboot 同时被 3 个专栏收录
12 篇文章 0 订阅
订阅专栏
前端
7 篇文章 0 订阅
订阅专栏
ajax
3 篇文章 0 订阅
订阅专栏

在前后端分离项目整合springboot于jwt的过程中遇到

后端在请响应头header中添加token
前端进行验证的时候只能获取部分header中的数据而获取不到token

解决方法就是在jwt生成token存入header中的时候添加header数据
Access-Control-Expose-headers：值为想让前端获取的数据，如token
在这里插入图片描述
之后在后端就可获取到header中的数据

测试：

前端获取代码（使用jquery）
在这里插入图片描述
向后端发出请求后
先看请求头，已经存在后端存入的数据：
在这里插入图片描述
再看控制台，成功获取到token
在这里插入图片描述

HPF_99
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot，shiro跨域CORS请求，拿不到headers中的token值解决
m0_67402774的博客
08-25 1319
最近在做一个后台用Spring boot、Shiro、Mybatis plus 、Oauth2，前台用layui的项目.前端在调后台接口的时候需要在浏览器中的headers头中添加token和userId的值(根据业务不同可能传值不一样),后台有一个过滤器,获取到headers中的token和userId,并去验证token是否在有效期内,在进行其他操作,在这个过程中,shiro的过滤器中一直接收不到token和userId的值,并且前端会报跨域问题。所以我们要做的就是把所有的OPTIONS请求统统放行。
跨域 问题 原理以及解决方法
Monster的博客
12-26 1544
深入讲解一下CORS：CORS其实就是跨域资源共享，它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。:出现的较晚，它是W3C标准，属于跨域Ajax请求的根本解决方案。
vue中使用axios获取不到响应头Content-Disposition的解决办法
最新发布
2301_76604664的博客
04-09 1203
【代码】vue中使用axios获取不到响应头Content-Disposition的解决办法。
百度AI Access Token过期处理
musicwHello
10-24 1万+
Access Token作为请求百度AI接口以及太多需要第三方平台开发接口的唯一凭据，都存在有效期的问题。而过期处理是很有必要的。 一、问题现状 Access Token的获取一般都是Https请求，涉及到跨域问题一般的解决办法就是在后台写方法进行Http请求，将获取到的结果传递到前台页面。 百度AI token请求的返回结果： "access_token": "1.a6b7dbd42...
SpringSecurity+Oauth2获取AccessToken跨域CORS问题解决
Eiverl的博客
09-23 1409
问题： 在springboot+SpringSecurity+oauth2项目中，No ‘Access-Control-Allow-Origin’ 终极解决办法，在使用了corsFilter进行跨域处理，相关代码配置如下： @Override public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException,
跨域问题的4种解决方案
热门推荐
潘高的小站
09-15 1万+
更多内容，请访问我的 个人博客。 前言 难以置信，我居然被跨域问题折磨了一上午。相信很多程序员都遇到过跨域问题，当然，解决方案也有很多种。但我今天尝试了无数种办法，依旧没有解决。直到最后我媳妇儿给了我个提示，会不会跨域问题只是表象，真正的bug在其他地方。后来，经过我仔细排查，终于发现原来是PhalApi框架中的一个小问题，引发了跨域报错（文末再说PhalApi框架中的问题是啥）。那我也借这个机会，来和大伙聊聊啥是跨域问题，和有哪些常见的解决方案。 什么是跨域 什么是快乐星球，呸，什么是跨域呢？ 简单来讲
获取header中的token串&&http的patch方式发送请求
健康平安的活着的专栏
12-05 5948
一 java后端获取token串 使用java代码获取前端发来的请求header中的token串， 1.1 模拟登陆，获取token 地址：http://10.130.7.118:81/cas/jwt/login 方式：post header：content-type：application/x-www-form-urlencoded 请求参数： 1.2 请求上下线的接口地址 请求地址中：header设置token，进行请求 1.3 请求自定义的程序，获取header...
vue调用百度api时跨域的解决方案
ybb_ymm的专栏
07-04 2510
今天在开发一个项目中发现vue前端调用百度ocr识别接口出现了跨域问题！百度api 的接口： https://aip.baidubce.com/oauth/2.0/token接下来我们看看如何解决我们用ngxin配置，具体如下： 这样就可以完美解决跨域问题了更多编程内容，请扫码关注《coder练习生》，如果觉得有用，也可赠送作者一杯咖啡...
vue调用百度api时跨域问题的解决方案
10-27 1万+
最近在开发一个基于百度图片文字识别的功能，本来在后端调用百度api的接口，功能已经完成了，但是由于后端服务器不能访问外网，所以将调用百度api的功能需要移到前端，于是就一个坑接一个坑，好不容易开发完成，部署到线上，有访问不到百度的api了。。。 在开发过程中解决跨域的问题，相对简单一点，配置proxyTable 代理即可 在config目录下的index.js...
header携带token报跨域问题
weixin_46174854的博客
04-17 2961
前后端分离的项目跨域问题是避免不了的，以前遇到跨域问题用@CrossOrigin注解就可轻松搞定 现在把token放到了Header里居然还报跨域（token放到请求参数中却没事）这就有点意思， 现在发现@CrossOrigin并不是那么完美=-= 解决方式也很粗暴，既然他并不完美，那就搞一个更完美的：全局跨域 在配置类中加入如下下代码即可轻松实现全局跨域： Configuration public class Mymvc extends WebMvcConfigurationSupport { @
接口接收用户的 header中的token
2202_75459588的博客
12-04 508
Autowired注解可以将需要的对象自动注入到目标类中，而无需手动创建或查找依赖的对象Spring会根据类型进行自动匹配，并将匹配到的对象注入到对应的属性、构造函数或方法参数中。方法查询数据库中符合条件的一条记录,会获取到了对应的用户信息，并返回了该用户的id。表中数据的总数和用户已经学习的记录数，并计算出了还需要学习的单词总数和所剩余天数。可以根据token去获取相应的用户id，并根据用户id进行相关的数据查找操作。这个方法将统计结果封装在一个Map对象中，使用自定义的。方法来获取对应的用户id。
header函数设置响应头解决php跨域问题实例详解
12-19
header("Access-Control-Allow-Origin:*"); 2、允许指定域名访问 header( 'Access-Control-Allow-Origin:http://a.test.com' ); 设置允许访问的请求方式： 1、一种或者多种 header('Access-Control-Allow-Methods:...
js中各种跨域问题实战小结
03-03
这是因为JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。也就是说只能访问同一个域中的资源。我觉得这就有必要了解下javascript中的同源策略是怎么回事了：javascript的同源策略。这里更加细致详细的...
Vue项目中跨域问题解决方案
08-27
本文给大家介绍了vue项目中跨域问题的完美解决方案，通过更改header，使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建），具体内容详情大家跟随脚本之家小编一起学习吧
跨域问题是怎样造成的？
爱写代码的程序员
05-09 731
跨域问题的由来 相信很多人都或多或少了解过跨域问题，尤其在现如今前后端分离大行其道的时候。 你在本地开发一个前端项目，这个项目是通过 node 运行的，端口是9528，而服务端是通过 spring boot 提供的，端口号是7001。 当你调用一个服务端接口时，很可能得到类似下面这样的一个错误： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gi6zOBkM-1589015502774)(https://upload-images.jianshu.io/upload_imag
SpringBoot2.0+SpringSecurity+Oauth2获取AccessToken跨域CORS访问终极解决方案
坐看云起时_雨宣
06-15 6658
今天在搭建项目的时候遇到了Oauth2获取AccessToken跨域访问的问题，之前关于这块都是自己去实现，这次打算用Oauth2来集成SpringBoot。项目依赖如下： <dependency> <groupId>org.springframework.security.oauth</groupId> <artifactId&g...
03Web服务器基础-19. HTTP协议请求部分详解
学无止境
09-10 445
03Web服务器基础-19. HTTP协议请求部分详解
vue 前端 跨域 无法获取token，但是Response Headers里面可以看到token（php设置自定义的header暴露）
qq_17627195的博客
02-06 3564
vue 前端 无法获取到后端返回的 token ，但是Response Headers里面已经显示token了
跨域问题究极解决方法及详解
yangyuscript的博客
04-07 1564
普通的跨域问题：通过配置后台的CORS完美解决问题。（千万不要试图在前台的配置解决请求跨域的问题，把这个问题丢给你的后台处理才能一劳永逸）我遇到的奇葩问题描述：使用vue-resource向spring-boot搭建的后台发起post请求一切正常（此处进行了跨域请求的处理，通过配置cors解决跨域问题），后期想要在请求头中添加自定义内容x-access-token,这时出现问题，通过chrome查...
springboot+vue 跨域后session获取不到
05-25
在跨域请求中，由于浏览器的安全策略限制，无法直接访问其他域名下的session信息，因此需要进行一些配置来解决该问题。 在Spring Boot中，可以通过配置`CorsFilter`来解决跨域问题，并允许浏览器发送带有凭据的请求（即携带session信息）。 首先，需要在后端代码中添加如下配置： ```java @Configuration public class CorsConfig { @Bean public CorsFilter corsFilter() { final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); final CorsConfiguration config = new CorsConfiguration(); config.setAllowCredentials(true); // 允许发送带有凭据的请求 config.addAllowedOrigin("*"); // 允许来自所有域名的请求 config.addAllowedHeader("*"); // 允许发送所有头信息 config.addAllowedMethod("*"); // 允许发送所有请求方法 source.registerCorsConfiguration("/**", config); return new CorsFilter(source); } } ``` 然后，在前端代码中需要设置`withCredentials`为`true`，来允许发送带有凭据的请求。例如，使用axios发送请求时，可以添加如下配置： ```javascript axios.defaults.withCredentials = true; ``` 这样就可以在跨域请求中获取到session信息了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值