下载模板
首先下载一个模板,在模板的基础上完成后续操作。
下载地址为
https://github.com/PanJiaChen/vue-admin-template
下载完成后,进行解压,之后在文件夹中打开命令行输入npm install 此时文件夹会出现node_modules这个文件夹。
接下来可以打开项目看一下,在文件夹中打开命令行,输入npm run dev,此时项目效果如下所示
登录业务
由于模板中使用的都是mock数据,为了完善登录业务,需要将数据都转换成真实数据。
首先书写接口
接下来处理二次封装的问题
在请求拦截器中采用和后台商量好的token替换原来的X-Token
在进行响应失败的时候多判断一个code是否为200,因为很多code不是20000代表成功而是200代表成功。
接下来处理跨域问题
此时可以完成正常登录