博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中使用mockjs
阅读量:5966 次
发布时间:2019-06-19

本文共 1002 字,大约阅读时间需要 3 分钟。

第一步安装mockjs:npm i mockjs -S

在src目录下新建mock文件夹,文件夹添加test.js
test.js内容如下:

import Mock from 'mockjs';const List = [];const count = 20;for (let i = 0; i < count; i++) {  List.push(Mock.mock({    id: '@id',    title: '@ctitle(10, 20)',    'status|1': ['published', 'draft'],    author: '@cname',    display_time: '@datetime',    pageviews: '@integer(300, 5000)'  }));}const nowPeople = {  "errcode": "0",  "errmsg": "success",  "data": {    "expo_audience": "@integer(100, 5000)",  }}const viewNumber = {  "errcode": "0",  "errmsg": "success",  "data": { "desk_num": 24, "desk_duration": 105.50, "per_desk_duration": 25.20 }}export let nowPeopleData = Mock.mock('http://compony.com/api/v1/t1', nowPeople);export let viewNumberData = Mock.mock('http://compony.com/api/v1/t2', viewNumber);

在main.js中引入:

import * as expo from './mock/test.js'
axios.defaults.baseURL = 'http://compony.com/api/v1'
在组件中使用:

this.axios.get('/t1').then((data) => {}

等到后台开发好api后,只需要注释掉import * as expo from './mock/test.js'即可,其他代码都不用动

转载地址:http://ilmax.baihongyu.com/

你可能感兴趣的文章
mysql开启binlog
查看>>
设置Eclipse编码方式
查看>>
分布式系统唯一ID生成方案汇总【转】
查看>>
并查集hdu1232
查看>>
Mysql 监视工具
查看>>
Linux Namespace系列(09):利用Namespace创建一个简单可用的容器
查看>>
博客搬家了
查看>>
Python中使用ElementTree解析xml
查看>>
jquery 操作iframe、frameset
查看>>
解决vim中不能使用小键盘
查看>>
jenkins权限管理,实现不同用户组显示对应视图views中不同的jobs
查看>>
我的友情链接
查看>>
批量删除用户--Shell脚本
查看>>
Eclipse Java @Override 报错
查看>>
linux的日志服务器关于屏蔽一些关键字的方法
查看>>
mysql多实例实例化数据库
查看>>
javascript 操作DOM元素样式
查看>>
HBase 笔记3
查看>>
【Linux】Linux 在线安装yum
查看>>
Atom 编辑器系列视频课程
查看>>