Vue测试和实现用户登录导航功能

在前后端架构完全解耦的前提下，Vue项目中完成token验证的基本流程大致如下：
1、用户首次进行登录操作时，前端会调用后端提供的登录接口，并提交相应的用户名与密码信息
2、后端接收到该请求后，对所提供的用户名及密码进行校验，若验证通过，则向前端返回一个token
3、前端接收到token之后，将其分别保存至localStorage以及vuex状态管理器中，并随后进行页面路由的跳转操作
4、每当前端发起路由跳转请求时，系统将检查localStorage中是否存在token信息。若检测不到token，则自动跳转至登录界面；若存在有效token，则根据具体情况跳转至对应的路由页面
5、在调用后端各类接口时，需在请求头中附加相应的token信息
6、后端接收到请求后，首先检查请求头中是否包含有token。若有token存在，则提取并验证其有效性。若验证通过，则正常返回所需数据；若验证失败（如因token过期等情形），则返回401状态码。同时，若请求头中未携带任何token信息，同样返回401状态码

一、当调用登录接口成功之后，在对应的回调函数内部将获取到的token信息分别存储至localStorage以及vuex之中

1. login.vue

    <template>
      <div>
    <input type="tex