易班开放应用授权重定向，出现跨域的解决方案

最新推荐文章于 2024-10-21 17:43:42 发布
原创 最新推荐文章于 2024-10-21 17:43:42 发布 · 746 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

在开发H5网站时遇到易班授权的302重定向导致的跨域问题，即使配置了跨域，axios仍无法处理。文章提出了解决方案，即改用window.location.href来替换axios请求，成功实现了进入授权界面。

问题描述

今天开发H5网站需要接入易班，经过易班授权然后重定向（code: 302），使用axios发请求，但是前后端均配置跨域的情况下，不管怎么弄都是一直跨域

在这里插入图片描述
但是我们看network，network中对应请求的response的header里已经接收到了重定向的location，然而axios无法从error中获取response
在这里插入图片描述

解决方案

不使用axios或是ajax等去请求对应接口，而是使用window.location.href = 接口地址

async yibanLogin(callback: string) {
   
   
    return
最低0.47元/天 解锁文章
Session跨域共享及SSO解决方案实战
长沙老码农
03-09 6119
目录 1、什么是Session跨域共享 2、什么是SSO 3、Session跨域共享简单实现 3.1 Spring Session 共享 （了解） 3.2 Nginx Session共享 3.3 Token + Redis + Cookie机制 3.4 Spring Security Oauth2 4、开源项目CAS应用 4.1 CAS简介 4.2 下载CAS Server并构建 4.3 CAS Server部署 4.4 CAS客户端项目 4.5 拓展 1、什么是Sessi.
vue+springboot前后端分离实现单点登录跨域问题解决方法
01-19
最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意味着做单点登录咯，至于不知道什么是单点登录的同学，建议去找一下万能的度娘。 刚接到这个需求的时候，老夫心里便不屑的认为：区区登录何足挂齿，但是，开发的过程狠狠的打了我一巴掌（火辣辣的一巴掌）。。。，所以这次必须得好好记录一下这次教训，以免以后再踩这样的坑。 我面临的第一个问题是跨域，浏览器控制台直接报CORS,以我多年开发经验，我果断在后台配置了跨域配置，代码如下： @Configuration publi
java redirect 跨域_[转] 重定向 CORS 跨域请求
weixin_39832628的博客
02-13 3154
非简单请求不可重定向，包括第一个preflight请求和第二个真正的请求都不行。简单请求可以重定向任意多次，但如需兼容多数浏览器，只可进行一次重定向。中间服务器应当同样配置相关CORS响应头。中间服务器设置当跨域请求被重定向时，中间服务器返回的 CORS 相关的响应头应当与最终服务器保持一致。 任何一级的 CORS 失败都会导致 CORS 失败。这些头字段包括Access-Control-Al...
【php相关】重定向到统一身份认证平台时遇到的跨域问题
weixin_46078500的博客
11-14 424
记录一个疑问，在帮学校的一个项目做统一身份认证时遇到的问题。项目中的接口需要做api保护，于是写了一个检查cookie中token信息的方法，如果token中登陆状态异常就跳转到学校的统一身份认证平台，这个重定向有两种解决方案。
ajax 重定向跨域问题
石头视角
06-20 1万+
一个页面发ajax请求到后端接口，这个后端接口重定向了另外一个域名的地址；此时会出现跨域问题。 ajax调用浏览器组件发起的请求和浏览器直接发起的请求有一定区别。 　　１）浏览器可以通过返回的http状态进行相应的操作，如访问一个页面，此页面重定向时，浏览器可以获取到重定向后的url然后进行转向。 　　２）对于ajax，ajax的目的就是无刷新的，所以对于服务器端进行了重定向时，ajax会获
NGINX重定向解决跨域问题
weixin_34233679的博客
11-28 2658
worker_processes auto; # error_log logs/error.log crit; # pid logs/nginx.pid; # user appdeploy; # worker_rlimit_nofile 131072; events { # use epoll; worker_connections ...
组件化--路由--重定向/转发--跨域问题
Yjh_pythonking的博客
08-31 999
一、组件化 1.组件的出现: 传统的页面开发,会将大量的HTML/CSS/JS进行引入,但是引入之后结构混乱 不便于管理. 开发维护时 成本较高，所以才有了组件的出现 2.组件化思想：在VUE中 可以将一个组件,看作是一个页面. 在其中可以引入独立的样式/JS/HTML 进行单独的管理，且组件可以进行复用，为了保证组件化 相互之间互不干扰,则应该在组件内部 单独定义html/js/css. 3.为什么要使用组件： 原来用户编辑页面时,需要引入/维护大量的JS/CSS等.如果数量很多,则导致代码结构混
IAP跨域调用难题破解：CORS、反向代理与BFF层实际应用的5大解决方案
[IAP跨域调用难题破解：CORS、反向代理与BFF层实际应用的5大解决方案](https://cdn.thenewstack.io/media/2021/01/e4046b60-image5-1024x576.jpg) # 1. IAP跨域调用的本质与挑战解析 在现代前后端分离架构中，IAP...
掌握ESSO技术实现跨域单点登录解决方案
2. 应用系统重定向用户到认证服务器。 3. 用户在认证服务器进行身份验证（如输入用户名和密码）。 4. 认证服务器验证用户身份，并生成一个令牌。 5. 认证服务器将令牌返回给应用系统。 6. 应用系统验证令牌，并允许...
【跨域认证解决方案】：JWT与单点登录（SSO）的实践
本文深入探讨了跨域认证技术中的挑战与解决方案，详细解析了JSON Web Tokens (JWT) 原理，包括其定义、结构、编码机制及安全性分析，并探讨了JWT在Web应用中的集成和与API安全的关联。接着，文章阐述了单点登录（SSO...
Spring 处理跨域请求
weixin_42683274的博客
06-02 803
Spring 处理跨域请求
跨域解决以及重定向
热门推荐
HealerJean梦想博客
05-23 1万+
前言 博主github 博主个人博客http://blog.healerjean.com 1、跨域的一般解决方式 1.1、配置拦截器 1.1.1、token在healer传递的时候，一定要这里配置 @Component @Slf4j public class CORSInterceptor extends HandlerInterceptorAdapter { @Override ...
axios 重定向问题解决_axios 处理 302 状态码的解决方法
weixin_39822728的博客
12-22 3667
比如说浏览器打开了一个单页面(SPA)应用，过了一段时间token(或者session)过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。 我这是使用的是 Vue + axios ，发现 axios 无法拦截到 302请求，下面是处理的过程。思考google axios 302 handle 看到 axios github 上的两个讨论得到的结论就是：浏览器发...
踩坑记录——解决ajax请求不能重定向（存在跨域）
qq_43824084的博客
05-24 2259
1.需求 前后端分离，想写一个过滤器通过token是否存在鉴别用户是否登录，没有登录则跳到登录界面 2.问题 ajax请求不能重定向，并且还存在跨域 3.解决 后端代码 1.跨域配置类 @Configuration public class CrosConfig { private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration();
解决node中跨域、中间件、重定向 问题
优快云zhaojiale的博客
07-07 1万+
重定向 重定向就是当访问一个页面时找不到此页面，就会重定向到一个指定页面 设置响应头为:302 重新设置Location，指向一个重定向页面 结束响应 //app为express创建的服务器 app.use((req, res) => { // 设置302响应头 res.writeHead(302, { Location: 'http://127.0.0.1:4399/login.html' }) //结束响应 res.end() })
oauth2.0，使用 axios 请求令牌时，出现跨域问题的解决办法
Hcy_code的博客
02-15 1905
oauth2.0 使用 axios请求令牌时的跨域问题
axios解决oauth2跨域问题
qq_40650378的博客
12-29 4157
最近因为这个问题耗费了几天时间，觉得可能大家以后工作中有可能碰到，所以记录下来 前端是VUE框架的axios请求模式，后端采用springboot做的一个授权和认证服务 postman一切正常，然后开始联调发生悲剧！ 前端说后端有问题，跨域没解决，开始动手，先解决认证服务器跨域问题 一般先在WebSecurityConfigurerAdapter实现里添加允许跨域 @Override ...
前端拦截302重定向
最新发布
qq_43340606的博客
10-21 2764
背景: 根据业务场景需要拦截302做后续的逻辑处理 发现没办法拦截, 仔细对照了获取到的 response 后，发现在代码中实际获取到的 response 并非 302 请求所返回，而是 get 了重定向的后的 response，这里看起来时axios自动进行了重定向并获取了重定向后的response。那么有没有办法关闭axios的自动重定向行为呢？查阅axios文档时发现axios的一个配置：maxRedirects但是 maxRedirects 是node环境下的配置，显然不符合业务需求，所以这
axios get 302 重定向处理
qq_30434271的博客
04-16 2479
今天在项目里遇到个问题，同样一个接口，用管理员身份登录调用，正常返回，但是换个其他角色的账号登录，浏览器控制台一直报错，接口始终302 经过调试发现，是同事在后台接口做了角色权限切面，自定义了个注解，切面的增强方法里，强制设置重定向了，关键在于最后一句 经过分析发现， 其实这个注解已经不需要了，因此注释掉，接口调用正常 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

六时二一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值