mock.js使用
以前要模拟ajax请求都是在项目下面新建data.json数据,后面了解了mock.js再也不用这样了
mock.js 使用步骤
- 安装mockjs
npm install mockjs --save-dev
- 安装mockjs
- 在项目中新建mock.js文件
import Mock from 'mockjs' Mock.mock('http://10.1.40.77:8080',{ "res":0, "data":{ "mtime": "@datetime", //产生日期时间 "score|1-800":800, //产生1-800的随机数 "rank|1-100":100, //产生1-100的随机数 "stars|1-5":5, //产生1-5的随机数 "nickname":"@cname" //产生随机中文名 } })
- 在项目中新建mock.js文件
注意* 一定要在mian.js中引入哦
import './assets/mock'
- 模拟发送ajax请求
getData1(){ var url = 'http://10.1.40.77:8080'; this.$http.get(url) .then(res=>{ console.log(res) }) }
- 模拟发送ajax请求
- 打印结果
{data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}config: {url: "http://10.1.40.77:8080", method: "get", headers: {…}, transformRequest: Array(1), transformResponse: Array(1), …}data: data: mtime: "1992-11-08 03:44:14"nickname: "沈艳"rank: 7score: 360stars: 3__proto__: Objectres: 0__proto__: Objectheaders: {}request: MockXMLHttpRequest {custom: {…}, match: true, readyState: 4, timeout: 0, onreadystatechange: ƒ, …}status: 200statusText: "OK"__proto__: Object
- 打印结果
简单使用mockjs结束,各种生成数据规则详看文档
https://github.com/nuysoft/Mock/wiki/Syntax-Specification