后端访问sso后,如何返回前端vue页面(后端redirect跳转,vue代理,axios带参)

由于项目要加上公司的sso,出现的一系列问题,找到解决办法,在此记录一下。可能并不适合其他项目,给个参考。前提:前端是vue.js,后端springbootsso配置需要增加公司自己的maven依赖和yml配置。启动项目后,首先访问后端/index接口,进入sso拦截,访问sso页面;登陆成功后返回goto指向的url(也就是index接口的return内容)...
摘要由CSDN通过智能技术生成

由于项目要加上公司的sso,出现的一系列问题,找到解决办法,在此记录一下。可能并不适合其他项目,给个参考。

 

前提:

前端是vue.js,后端springboot

sso配置需要增加公司自己的maven依赖和yml配置。

 

启动项目后,首先访问后端/index接口,进入sso拦截,访问sso页面;登陆成功后返回goto指向的url(也就是index接口的return内容),附上/index接口代码:

@GetMapping(value={"/dist","dist/index"})
public String index(HttpServletRequest request) {
    User user = UserUtils.getCurrentUser(request);
    request.getSession().setAttribute("user", user);
    return "redirect:http://192.168.0.XXX:8081&#
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现Spring Boot接口SSO(Single Sign-On)后,重定向到Vue页面可以通过以下方式实现: 首先,确保已在Vue项目中配置好路由,以便可以访问需要重定向的页面。假设重定向的页面为/login。 在Spring Boot中,可以使用重定向方法将接口SSO后的请求重定向到Vue页面。具体如下: 1. 在Spring Boot项目的Controller中创建一个方法,用于处理接口SSO后的重定向请求。例如: ``` @Controller @RequestMapping("/api") public class SsoController { @GetMapping("/sso") public String ssoRedirect() { return "redirect:/login"; // 重定向到Vue项目中的登录页面 } // 其他Controller方法... } ``` 2. 在Vue项目中的路由配置文件(一般为router/index.js)中,添加对/login的路由配置。例如: ``` import Vue from 'vue' import Router from 'vue-router' import Login from '@/views/Login' Vue.use(Router) export default new Router({ routes: [ { path: '/login', name: 'Login', component: Login }, // 其他路由配置... ] }) ``` 这样,当通过访问Spring Boot项目中的/api/sso接口进行SSO后,会自动重定向到Vue项目中的/login页面。 需要注意的是,此处的重定向是通过后台进行的,前端并不需要特别处理。前端只需保证登录页面(/login)在Vue项目中已经正确配置,并且可以通过路由访问。 同时,需要确保跨域请求不受限制,这可以通过在Spring Boot项目中配置跨域访问的方法来解决。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值