vue考试系统后台管理项目-接口封装调用

上一篇文章 ：

vue考试系统后台管理项目-登录、记住密码功能_船长在船上的博客-优快云博客

考试系统后台管理项目介绍：

技术选型：Vue2.0+Element-ui

项目功能介绍：

• 账户信息模块：菜单权限、角色权限设置、角色权限分配、账号设置、公司分组
• 考试管理模块：新增/编辑/删除考试试题、成绩查看、阅卷评分、成绩记录、成绩导出
• 题库管理模块：批量导入考题、批量删除考题、编辑录入考题、新增/编辑/删除考试分类

本项目会耗时一周到两周来完成，最近要又要辛苦加班了，项目给的时间不多，程序员太不容易了，做完项目调休好好休息一下！

此时此刻，记录一下项目实现。

发布上一篇距离今天有4天了，博主一直开发、测试别的模块功能，今天更新关于项目非常重要的一步，那就是请求后端数据调用接口部分内容，对于api接口封装处理我整理一下，分享给大家，可参考使用。

 api接口封装调用

目录

 api接口封装调用

新建api/axiosFun.js

1.引入axios，loading加载方法，MessageBox组件弹窗提示

2.登录请求方法封装 

3.其他通用公共方法封装

 4.下载文件excel方法封装

 5.方法导出

 新建api/userMG.js

组件中接口引入使用

---

• 新建api/axiosFun.js

封装的方法分为了3个部分，登录、文件下载、公用的方法分开来写

1.引入axios，loading加载方法，MessageBox组件弹窗提示

import axios from 'axios';
import { showLoading, hideLoading } from '../utils/loading';
import {MessageBox} from 'element-ui';

2.登录请求方法封装 

// 登录请求方法
const loginreq =