vue项目登录模块构思

        在项目中，不论是用户还是管理员都需要登录才能获取相应的权限，因此实现登录功能，通常是项目第一个要考虑到的模块。本文从几个比较重要的点梳理一下登录模块的构思。

一、重点步骤

1.登录接口

        实现第一次登录的时候，前端需调用后端的登录接口，并发送用户名和密码，进行身份的验证。

2.验证

        后端收到前端的请求，对发送过来的用户名和密码进行验证，并给出验证反馈，且如果验证成功，给前端返回一个token信息，作为身份凭证。

3.存储token

        前端得到token信息后，将token存储到localstroage和vuex中（把数据放在全局，组件无论在哪都能反问获取到，且线路清晰，有利于维护），并跳转路由页面（重定向或返回默认）。

4.路由守卫

        前端每次跳转路由，都需要判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。

5.设置请求头

        前端每次调用后端接口，都要在请求头中加上token，此步骤可在src目录下新建一个utils文件夹，对axios进行封装，将请求头统一设置。

6.后端验证token是否有效

        后端判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证失败（例如：token过期）就返回401，请求头中没有token也返回401。