vue中使用mockjs

一、安装

1、

npm install mockjs -S

2、二次封装axios（与mockjs无关），便于使用

二、设置mockjs

src新建文件家mock，mock下新建index.js

import Mock from 'mockjs'

const templete={
  "string|1-10": "知识图谱"
}


Mock.mock('/mock/data',templete);

三、引入

在main.js中引入

require('./mock/index.js')

四、调用

涉及axios封装
api.js

export const mock = params => httpPost('/mock/data', params);


// 接口导出
export default{
  mock
}

index.vue

let params = {
 'searchText':this.inputValue
 }
 mock(params).then(function(res){
   console.log(res);
 }).catch(err=>{
   console.log(err)
 });

五、记录

• Mock.mock()

Mock.mock( rule, type, template|function( options ) )
rule
可选。
表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。
type
可选。
表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 。
template
可选。
表示数据模板，可以是对象或字符串。
数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值：
// 属性名 name
// 生成规则 rule
// 属性值 value
'name|rule': value

function(options)
可选。
表示用于生成响应数据的函数。
options
指向本次请求的 Ajax 选项集，含有 url、type 和 body 三个属性

详细案例