需求1: 针对每一个页面如何添加不同的title?
网页标题通过<title></title>
来显示,但是spa只有一个固定的html 切换到不同的页面时,标题不会发生变化 但是是否可以把函数赋值给一个变量通過js来修改的<title>
中的内容;
但是,在Vue中希望能全局的统一管理和修改这些页面的title; 所以, 我们在route对象的meta中为每一个页面添加title属性同时利用蕗由的前置守卫和后置守卫,为每一个页面的title进行赋值;
需求2:跳转到每个页面前滚动条均能回到顶部;
同理,在路由的守卫中进行处理
需求3:对页面进行是否登录校验如果登录了则是否可以把函数赋值给一个变量访问,否则跳转到登录页
首先进行分析下采用Token的验证方式,在登录的时候会将用户名和密码发送给后台,后台进行验证后会对请求进行响应返回token, 前端会将token进行存储在浏览器中