当我们要自己写登录接口的时候，很多人会有疑惑该怎么去实现，以及接口数据是是什么，其实这些在封装的mock里面花叉裤大佬已经写得很明白，但是还是有些人会有些困惑。现在我来谈谈如何实现这个登录接口，由于本人用node开发，所以下面的一些代码是基于node写的。
首先我们要从入口着手，views目录下的login文件夹找到方法，如下图，
从图中，我们不难发现这个是通过VueX分发出来的，随后我们去查看store文件夹下，打开我们会发现一个封装好的user.js，如下图
这个时候我们会发现，页面上login是调用到这边来的，接收两个参数（username，password），以及设置了一个token，这个后面会用到，这边作者用到了一个js-cookie，在utils文件里，如下图
后面理解后，根据需要可以做更改，回过头来看store里面，他有一个方法，他是调用了封装在api中的user.js，如下图
这两个方法，在登录接口都要调用，第一个是登录传参判断获取token，如下图，
第二个是根据获取的token，获取登录信息，如下图
这个的话，作者前端封装在request.js的请求中，如下图，
这样基本上把后端接口类型写完，然后还需要做一些配置修改，如下图
将接口改成自己的就可以实现，然后记住修改全局的配置，需要重启前端项目。
总得来说，将登录接口改成自己的需要完成，两个接口，一个是登录接口获取token，第二个根据第一个接口获取到的token，从而获取用户信息，最后就是修改自己请求接口配置了。记住，接口数据由哪些组成，不懂的可以参照mockjs里面user.js部分。
以上是本人自己的学习记录，有什么错误的地方可以提出修改。
网友评论