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'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值