SpringBoot+Vue 06--登录注册

登录

此时login在框架之外了，可以直接通过http://127.0.0.1:9876/login访问。

但是要访问主页的话，要/home才行，直接/没法出来。
vue router 官网：https://router.vuejs.org/zh/
通过重定向可以实现路由的自动跳转，从而解决这个问题：
即，当访问/的时候会自动跳转到/home

开始写登录界面：


出现这种情况：

给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。




要安装icon图标库才能出来图片（我还没装）


login页面

/user/login接口

注意user_name要唯一（后端是selectOne），nick_name可以有多个

退出系统

（其实还需要把前端的登录用户信息去掉，此处没做）

表单校验

在Login.vue中

点一下不输入，离开后

注册

界面


路由

后台接口

登录用户信息缓存、拦截

缓存用户信息,把用户信息存到sessionStorage里面

设置拦截：如果用户未登录而直接访问/，则跳转到/login

拦截成功了，但是缓存用户信息有问题

把hutool换了一个版本放到maven里面下载，就能看到传到session storage里面的信息了。

		<dependency>
			<groupId>cn.hutool</groupId>
			<artifactId>hutool-all</artifactId>
			<version>5.8.0.M3</version>
		</dependency>

但是这个也没办法在页面中获取。
这样写就行了：


总结：session storage：
存值：

取值：