<input id="wk422"><u id="wk422"></u></input>
  • <menu id="wk422"><tt id="wk422"></tt></menu><input id="wk422"></input>
    <object id="wk422"></object><input id="wk422"><acronym id="wk422"></acronym></input>
  • <nav id="wk422"></nav>
  • <input id="wk422"><acronym id="wk422"></acronym></input>
  • <object id="wk422"></object>
    <input id="wk422"><u id="wk422"></u></input><input id="wk422"></input>
  • <input id="wk422"><button id="wk422"></button></input>
  • <menu id="wk422"></menu>

    MockJs

    mockjs的使用

    作用: 根据数据模板生成模拟数据。

    1、 安装mockjs      cnpm i mockjs

    2、 src文件下,新建文件夹mockjs, 

    3、 mockjs文件中新建 index.js 和 home.js文件

    4、home.js文件夹写入需要模拟数据

    import Mock from mockjs
    export default {
        getHomeData: () => {
            return {
                code: 200,
                data: {
                    videoData: [
                        {
                            name: C语言,
                   //Mock.Random.float(整数部分的最小值, 整数部分的最大值, 小数部分位数的最小值, 小数部分位数的最大值) value: Mock.Random.
    float(1000, 10000, 0, 2) }, { name: Vue, value: Mock.Random.float(1000, 10000, 0, 2) }, { name: 小程序, value: Mock.Random.float(1000, 10000, 0, 2) }, { name: React, value: Mock.Random.float(1000, 10000, 0, 2) }, { name: ES6, value: Mock.Random.float(1000, 10000, 0, 2) }, { name: C++, value: Mock.Random.float(1000, 10000, 0, 2) }, ] } } } }

     

    5、 index.js文件写入:

    import Mock from mockjs
    import homeAPi from ./home
    // 设置200-2000毫秒延时请求数据
    Mock.setup({
        timeout: 200-2000
    })// 拦截 /home/getData的Ajax请求  
    Mock.mock(/\/home\/getData/, get, homeAPi.getHomeData)

     

    6、 在main.js引入mockjs文件夹

    import http from ./api/config

     

    成功得到的数据

    分享图片

    相关文章
    相关标签/搜索
    香港最快开奖现场直播+结果 铜陵市| 兰州市| 遂昌县| 普洱| 永胜县| 隆化县| 垦利县| 东莞市| 米泉市| 莲花县| 龙门县| 青河县| 康马县| 高邑县| 集贤县| 台前县| 乐东| 平果县| 丽江市| 康保县| 璧山县| 舒城县| 九寨沟县| 奎屯市| 秦皇岛市| 滨海县| 麻城市| 嘉定区| 九龙城区| 临高县| 乳山市| 板桥市| 黄石市| 拉孜县| 河北区| 珲春市| 揭西县| http://fa.hz0j0r2vo.fun http://fa.hz0j2r5vo.fun http://fa.hz0j1r0vo.fun http://fa.hz0j2r5vo.fun http://fa.hz0j2r8vo.fun