此时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



