vue - mock 数据

1,安装:

$ npm i mockjs --save-dev

2,新建 【mock/index.js】文件

import Mock from 'mockjs'
import loginApi from './login'

Mock.setup({
    timeout: '350-600'
})

// mock 数据,地址为return fetch 中的 url
Mock.mock(/\/login/, 'post', loginApi.loginByUsername)

export default Mock

3,新建【mock/login.js】文件

const userMap = {
    18600000000: {
        func: 'login-->',
        code: 0,
        msg: '',
        data: ''
    }
}
export default {
    loginByUsername: config => {
        // config 为通过异步请求发送到 服务端的数据,config.body为数据内容
        const { no } = JSON.parse(config.body)

        // 返回数据
        return userMap[no]
    }
}

4,在 main.js 中引入 mock.js

import './mock'

猜你喜欢

转载自blog.csdn.net/M_wolf/article/details/81909316