java实现跨域登陆功能

- 日理万妓 2022-05-10 08:48 358阅读 0赞

# 目的：java实现跨域登陆功能 #

### 工具： ###

1、前台 vue + axios

2、后台 springboot + mybatis + sping

###  简单描述一下功能： ###

1、做一个前后端分离项目，实现一个登陆功能。

2、当用户输入了用户名和密码，点击了 登陆按钮 ，就去后台对比数据，如果数据对比成功，就把该用户信息存储到 session 中去，然后，返回一个 true。 前台接受到了 true 就返回到主页，并且把是否登陆标识设置为 已经登陆。

3、主页有一个默认的方法，就是去后台查询 session，中是否有一个叫 user 的用户信息。使用 vue 的 v-if 来显示 登陆，还是已经登陆。

4、登陆成功之后，会显示用户名，鼠标放在上面的时候，会出现一个下拉菜单，里面有一个退出功能，点击了，就去后台把 session 中的用户数据给删除掉，返回给前台一个 true、前台把 是否登陆标识 设置为false。

5、登陆标识符 放在 vuex 里面。

6、所有的请求 都是通过 axios 的ajax去完成的

### 问题： ###

1、当就在主页退出的时候，因为就在主页路由没有改变而不会刷新页面。 解决办法：给路由后面加上一个随机数。

2、使用 axios 的ajax发送 json的时候，总是带有 key。 解决办法：

this.$ajax.post( url,   
                            JSON.stringify(this.inputUser)
                        )

3、最大的问题，还是 登陆 把user 存入的session 和 主页去session 中获取数据的session。不是同一个 session。解决办法：

[https://blog.csdn.net/Tomwildboar/article/details/82856741][https_blog.csdn.net_Tomwildboar_article_details_82856741]

[https_blog.csdn.net_Tomwildboar_article_details_82856741]: https://blog.csdn.net/Tomwildboar/article/details/82856741

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关 java跨域

Access to XMLHttpRequest at '接口' from origin'xx.xx.cn' has been blocked by CORS po...

悠悠/ 2024年04月17日 21:23/ 0 赞/ 46 阅读

相关如何实现跨域？

1.最经典的跨域方案jsonp jsonp本质上是一个Hack，它利用<script>标签不受同源策略限制的特性进行跨域操作。 jsonp优点：实现简单兼容

以你之姓@/ 2023年08月17日 15:55/ 0 赞/ 119 阅读

相关 axios实现cros跨域 fetch实现jsonp跨域

axios实现cros跨域 > 1. 网站 [www.npmjs.com][],能搜索到插件安装及使用方式 > 2. axios最终返回的是promise对象 > 3

怼烎@/ 2023年06月18日 10:54/ 0 赞/ 6 阅读

相关 beego实现跨域

使用路由过滤器实现跨域访问 /routers/router.go 的init方法中添加过滤器 beego.InsertFilter("", beego.Befor

左手的ㄟ右手/ 2022年12月29日 02:10/ 0 赞/ 177 阅读

相关如何实现跨域？

前言 -------------------- 跨域是个比较古老的命题了，历史上跨域的实现手段有很多，我们现在主要介绍三种比较主流的跨域方案，其余的方案我们就不深入讨论

你的名字/ 2022年12月02日 00:52/ 0 赞/ 181 阅读

相关跨域sso实现

跨域sso实现一.server 1.提供登陆页面(login.jsp) 2.提供登陆校检的controller(checkLogin) 二.client1 1

水深无声/ 2022年06月17日 03:14/ 0 赞/ 211 阅读

相关 vue实现登陆功能

最近在学习vue，发现了vue的好多坑，比如怎么更好的获取input框输入的值而减少获取dom节点的消耗，以及怎么绑定一个函数，去执行业务逻辑。 1、首先说说怎么获取inp

快来打我*/ 2022年05月13日 04:22/ 0 赞/ 235 阅读

相关 java实现跨域登陆功能

目的：java实现跨域登陆功能工具： 1、前台 vue + axios 2、后台 springboot + mybatis + sping

- 日理万妓/ 2022年05月10日 08:48/ 0 赞/ 359 阅读

相关 java跨域

1、jsonp跨域在java后台 @ControllerAdvice(basePackages = "controller的pakage") publi

向右看齐/ 2022年04月23日 02:30/ 0 赞/ 150 阅读

相关 java配合前端实现跨域

后台代码: 前端服务器端口为8082 import org.springframework.web.bind.annotation.RequestMapping;

系统管理员/ 2021年06月24日 15:57/ 0 赞/ 329 阅读