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

最新推荐文章于 2024-08-22 17:35:50 发布
最新推荐文章于 2024-08-22 17:35:50 发布
阅读量3.6k 收藏 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
关注
专栏目录
解决Axios发送Ajax请求获取不到Header响应头里的Token
"✧treasure mountain✧"
05-16 7664
问题描述 在做登录功能的时候 调用登录接口 想获取Header里的Token 然而发现里面并没有Token： 在用Postman测试的时候发现是正常的： 原因 浏览器默认只能访问以下几种响应头： Cache-Control Content-Length Content-Type Expires Pragma 若想让浏览器能访问到其它响应头 则需在服务器上设置Access-Control-Expose-Headers 其值为要被访问的响应头的属性名 解决方法 在拦截器里进行配置 添加响应头 publi
再遇CORS -- 自定义HTTP header的导致跨域
HaythamXu的博客
09-09 1914
指路牌 后端配置好了跨域，但是前端在HTTP header添加token后，又产生跨域的问题 Flask、Vue(Axios)、跨域 适用场景 前后端分离，想要使用token来管理登录状态，或调用后台接口 环境 平台无关 参考博客 axios 在header中配置token信息后，向后端请求会报跨域的问题。但是用postman测试的时候没有什么问题。 这个问题的回答其实没有给出直...
通过axios没有获取到 想要的响应头
最新发布
孤傲的博客
08-22 456
今天我想要拿到后台 写在 headers 里面的AuthorizationObject {下面是服务器返回的响应头， 我需要拿到的是 Authorization。
请求时设置了Header请求和token可是后台接收不到，然后一直报跨域错误
m0_55045698的博客
01-29 1673
最近项目出了一个疑难杂症，恶心死我。请求方法为 GET、POST、HEAD，请求头header中无自定义的请求头信息，请求类型Content-Type 为 text/plain、multipart/form-data、application/x-www-form-urlencoded 的请求都是简单请求。浏览器根据这些请求方法和请求类型将请求划分为简单请求和非简单请求。请求方法为 PUT、DELETE 的 AJAX 请求、发送 JSON 格式的 AJAX 请求、带自定义头的 AJAX 请求都是非简单请求。
使用satoken[未能读取到有效Token]
热门推荐
weixin_48009857的博客
09-14 1万+
cn.dev33.satoken.exception.NotLoginException: 未能读取到有效Token
Vue 跨域获取 header 中的 token
小白&1987 's ZONE
02-05 2651
Vue 跨域获取 header 中的 token,跨域获取header中的token
ajax跨域携带token,HTTP解决跨域问题，成功解决Ajax跨域获取不到后端传送的Token...
weixin_29001655的博客
08-05 1163
首先我们考虑后端是够允许跨域请求，本人编写了一个过滤器代码如下：package com.rbac.filter;import java.io.IOException;import java.io.OutputStream;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterC...
解决带token响应头复杂跨域问题
a3040146312的博客
12-22 1834
@CrossOrigin只能解决普通跨域问题 而token需要保存到响应头里,访问后台 @CrossOrigin这个注解已经解决不了 下面是解决复杂跨域的方案 1.导报 <!--复杂跨域--> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <v...
Vue项目中跨域问题解决方案
08-27
在开发Vue项目时，我们经常会遇到跨域问题，这主要是由于浏览器的安全策略限制了不同源之间的请求。跨域问题可以通过多种方式解决，本文主要讲解在使用vue-cli搭建的项目中，如何通过更改Header和使用...
前后端分离中浏览器请求跨域的headers取不到值的问题
gaston的博客
03-11 2984
最近做了个token认证，是前后端分离，大致思路就是用户登陆，成功之后返回token,放在本地sessionstorage中，之后，前端做强求拦截，对于之后的请求，将token信息附加到请求头中。 为了使请求头中Authorization可以被后端获取到，跨域时候做了如下设置： @Component @Order(1) public class AllowOriginFilter...
Sa-token在springboot中【未能读取到有效Token】
m0_63154002的博客
06-16 3112
请求跨域，会对请求做一些特殊处理，对于已经实现CORS接口的服务端，接受请求，并做出回应。有一种情况比较特殊，如果我们发送的跨域请求为“非简单请求”，浏览器会在发出此请求之前首先发送一个请求类型为OPTIONS的“预检请求”，验证请求源是否为服务端允许源，这些对于开发这来说是感觉不到的，由浏览器代理。场景是在springboot项目导入了Sa-token依赖，vue在请求接口是在请求头传递了token，但是后端未能读取到有效的token。产生这种情况的主要原因就是支持CORS请求的浏览器一旦发现。
javaweb允许任何使用
liguoxiangzhizui的博客
09-17 289
@Configuration public class CorsConfig implements WebMvcConfigurer { @Bean public WebMvcConfigurer corsConfigurer(){ return new WebMvcConfigurer() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**"). allowedOrigins("
获取header中的token串&&http的patch方式发送请求
健康平安的活着的专栏
12-05 6315
一 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...
header携带token报跨域问题
weixin_46174854的博客
04-17 3134
前后端分离的项目跨域问题是避免不了的，以前遇到跨域问题用@CrossOrigin注解就可轻松搞定 现在把token放到了Header里居然还报跨域（token放到请求参数中却没事）这就有点意思， 现在发现@CrossOrigin并不是那么完美=-= 解决方式也很粗暴，既然他并不完美，那就搞一个更完美的：全局跨域 在配置类中加入如下下代码即可轻松实现全局跨域： Configuration public class Mymvc extends WebMvcConfigurationSupport { @
ajax 返回response 获取 headers中的token
TAOtao775842152的博客
06-02 2051
登录前token的存取 //后端存入token //浏览器默认是不让获得header中其他值，先指定一个头部，再存入数据 //HttpServletResponse response response.setHeader("Access-Control-Expose-Headers", "TOKEN_NAME"); response.setHeader("TOKEN_NAME", "*****"); //前端ajax取token ```javascript function a() { $.ajax(
【Postman】获取token，header中添加token发送请求
随便写写
05-13 1万+
目录0.说明1.创建测试环境2.创建两个接口3.接口1：登录获取token3.1接口参数3.2.1 注意事项：因为jeecg的请求方式和普通的post请求有些不同，所以使用下图2的传参方式3.2.2 注意事项：获取验证码ID，登录页面F12，可查看：3.2.3 注意事项：将获取到的token保存到测试环境，这个是写在postman的代码4.接口2：发送请求携带token4.1接口参数 0.说明 项目为jeecg boot项目，项目官网http://www.jeecg.com/， 此博客为将jeecg的接口使
springboot+springsecurity+vue整合项目，解决跨域问题和token失效或为空获取不到返回的状态码问题
weixin_43817709的博客
10-24 1634
1.在springboot中解决跨域的问题，用两种方法，一种是在类名或方法名前加上注解@CrossOrigin即可，但是在每个方法前都加上注解都很麻烦，因为是前后端分离，几乎所有的方法的都需要跨域访问，这是时候就要用到另一种方法了，添加一个配置类即可 /** * 允许跨域访问 * 跨域访问类配置 */ @Configuration public class CorsConfig { ...
前后分离后端获取不到Token
mclt2017的博客
07-01 1609
跨域问题。 如果项目涉及到跨域,浏览器访问服务端会先后发送两次请求， 第一次请求为OPTIONS请求，作用是查看服务端是否支持跨域，该请求中不会携带我们需要的token信息； 如果支持跨域，那么就会发出第二次请求，这第二次请求才是我们常用的GET/POST请求，才会携带我们的token。 如果不支持跨域，那么第二次请求就不会发了。 所以我们在拦截器里，直接放行OPTIONS请求即可 ，加上这一段代码 //如果是OPTIONS请求 直接放行 String me
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值