mock模拟后端接口测试

1、创建vue项目（该测试是基于vue2，vue3还未测）

运行命令：

vue create 项目名称

2、下载mockjs依赖

 运行命令：

npm install mockjs

3、 在src文件夹下新建mock文件夹，并在mock文件夹下新建mockServer.js和banner.json(模拟后端数据)文件

如图：

 mockServer.js代码如下：

import axios from 'axios';

const mockAjax = axios.create({
    baseURL: '/mock',
    timeout: 10000
})


mockAjax.interceptors.request.use((config) => {
    return config;
})

mockAjax.interceptors.response.use((response) => {
    return response.data;
}, (error) => {
    return Promise.reject(error);
})

export default mockAjax;

banner.json代码如下：