其他分享
首页 > 其他分享> > vue 使用mock.js

vue 使用mock.js

作者:互联网

1.安装插件 npm install mockjs --save-dev

自己创建一个js文件

//引入mockjs

import Mock from 'mockjs'

//使用mockjs模拟数据

Mock.mock('http://www.list.com', { 定义地址后面在接口使用

    "ret":0,

    "msg":

    [

    {'one':'通知公告',

    'two':['生产企业','经营企业','餐饮企业'],

    'three':['生产企业','经营企业','餐饮企业']

  },

  {'one':'应急事件',

  'two':['生产企业','经营企业','餐饮企业'],

  'three':['生产企业','经营企业','餐饮企业']

},

{'one':'视频监控',

'two':['生产企业','经营企业','餐饮企业'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'风险预警',

'two':['生产企业','经营企业','餐饮企业'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'一企一档',

'two':['生产企业','经营企业','餐饮企业'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'任务管理',

'two':['生产企业','经营企业','餐饮企业'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'监督记录',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'农残检测',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'统计管理',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'投诉管理',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'组织架构',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'用户管理',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

{'one':'系统设置',

'two':['企业自查','日常巡检'],

'three':['生产企业','经营企业','餐饮企业']

},

    ]

      

      

});

3.在需要的地方引入

import {mock} from '../assets/js/mock'

4.

  export const munu =(data)=>{

    return axios ({

      url:'http://www.list.com',  自己上面定义的地址

      method:'get',

      params:data

    })

  }

标签:vue,经营,two,js,餐饮企业,three,生产,企业,mock
来源: https://blog.csdn.net/weixin_52240193/article/details/118756615