vue项目使用mockjs模拟请求接口

官网

http://mockjs.com/examples.html

使用

1. 引入依赖

yarn add mockjs

2. 创建plugins/mock.js文件

import mockjs from 'mockjs';

const Random = mockjs.Random;
//统一返回
let Result = {
    code: 200,
    msg: '操作成功',
    data: null,
}
//get请求获取登录验证码
mockjs.mock('/captcha', 'get', () => {
    Result.data = {
        token: Random.string(21),
        captchaImg: Random.dataImage('100x40', 'aeiou')
    }
    return Result;
})
//post请求登录验证
mockjs.mock('/login', 'post', () => {
    return Result;
})

3. 主函数main.js引入

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

import './plugins/elementUI'
import './plugins/axios'
import './assets/css/main.css'
//引入mockjs
import './plugins/mock'
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')