Java 后台重定向一个带参数的地址,前端要在地址中获取参数,并保存在Vue中,以便跳转到界面的时候世界使用

本文讲述了在Java后台校验成功后如何重定向到Vue前端,并在前端通过路由拦截获取重定向参数,以及在permission.js中处理登录判断的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前后端分离项目:Java后台后台重定向一个带参数的地址,前端要在地址中获取参数,并保存在Vue中

后台接口

根据业务需求,需要直接访问后台的接口进行校验,校验成功以后可以直接进入系统:
这个比较简单,直接在后台写一个接口接收到参数,然后进行校验即可。
校验完成以后,肯定是要进入到前台界面访问,于是后台重定向。

//response为 HttpServletResponse response;
response.sendRedirect("http://前端地址:端口/#/testStatus?token=" + token);

前台拦截

现在跳转到前台了没错,但是之前的前端是有写拦截的,即如果没有获取到token的话,是会拦截到登录界面的。
刚接触的vue,于是查资料,发现了路由拦截,在全局路由文件里面新增全局路由配置
在这里插入图片描述
path就是你的请求地址


                
### 实现企业微信H5登录授权流程 #### 配置企业微信管理后台 为了启用企业微信H5登录功能,需先在企业微信管理后台完成相应配置。具体操作是在企业管理端后台进入需要开启的自建应用点击“企业微信授权登录”,随后点击“设置授权回调域”,输入回调域名保存[^1]。 #### 构造网页授权链接 按照官方接口文档指导,构造用于获取用户同意授权的URL。该URL应包含`appid`、`redirect_uri`(重定向地址)、`response_type`(固定为`code`)、`scope`(权限范围)以及可选参数`state`和`agentid`。例如: ```plaintext https://open.weixin.qq.com/connect/oauth2/authorize? appid=ww72c853a9xxxx54& redirect_uri=http%3A%2F%2Fexample.com%2Fcallback& response_type=code& scope=snsapi_base& state=STATE& agentid=AGENTID# wechat_redirect ``` 注意:实际部署时请替换上述示例中的占位符为真实值,确保编码正确无误[^3]。 #### 后端处理逻辑 当用户通过浏览器访问含有此链接的应用程序页面时,会被引导至企业微信进行身份验证。一旦成功认证,则会跳转回指定的`redirect_uri`,附带一个临时凭证`code`作为查询参数传递给服务器端应用程序。此时,在服务端可以通过调用OAuth 2.0 API来交换这个`code`换取用户的永久标识或更多信息。 对于基于Java Spring Boot框架构建的服务端而言,可以定义一个静态常量类存储必要的API密钥和其他全局变量以便于维护和使用[^4]: ```java public interface QyWX { String CORPID = "your_corp_id"; // 替换成自己的企业ID String CORPSECRET = "your_secret_key";// 应用secret key } ``` 接着编写控制器方法接收前端传来的请求解析其中携带的数据包,进而发起HTTP GET请求向企业微信服务器申请令牌。 #### 前端集成方案 如果采用Vue.js开发客户端界面的话,可以在组件内部利用JavaScript内置函数打开新窗口加载前述提到的企业微信授权页;待返回后关闭弹窗将结果反馈给父级容器继续后续业务流程[^2]。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值