一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第23天，点击查看活动详情

下载模板

首先下载一个模板，在模板的基础上完成后续操作。下载地址为

github.com/PanJiaChen/…

下载完成后，进行解压，之后在文件夹中打开命令行输入npm install 此时文件夹会出现node_modules这个文件夹。接下来可以打开项目看一下，在文件夹中打开命令行，输入npm run dev，此时项目效果如下所示

在这里插入图片描述

登录业务

由于模板中使用的都是mock数据，为了完善登录业务，需要将数据都转换成真实数据。首先书写接口

在这里插入图片描述

接下来处理二次封装的问题在请求拦截器中采用和后台商量好的token替换原来的X-Token

在这里插入图片描述

在进行响应失败的时候多判断一个code是否为200,因为很多code不是20000代表成功而是200代表成功。

在这里插入图片描述

接下来处理跨域问题

在这里插入图片描述

此时可以完成正常登录

在这里插入图片描述