基本使用

安装 npm install mockjs

使用

Code

const datamy = {
    // 点击图片转向的链接
    url:"1",
    // 图片路径链接
    img:"2",
    // 图片简要说明（放在轮播图下面）
    msg:"3"
}
// 引入mockjs
import Mock from 'mockjs'
// API: Mock.mock( rurl, rtype, function( options ) ) 
Mock.mock( 'http://cms4869.com/test', 'get', function( options ){
  return datamy
})

//当拦截到http://cms4869.com/test地址时，会返回datamy对象

使用vue-esource请求

Code

export default {
    name: "index",
    created(){
        this.$http.get("http://cms4869.com/test").then(result => {
            console.log("123")
            console.log(result)
        })
    }
}

常用API

API

Code

1 2	Mock.mock( rurl, rtype, function( options ) ) Mock.mock( rurl, rtype, template )

参数说明

Code

rurl
可选。
表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 /\/domain\/list\.json/、'/domian/list.json'。

rtype
可选。
表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。

template
可选。
表示数据模板，可以是对象或字符串。例如 { 'data|1-10':[{}] }、'@EMAIL'。

function(options)
可选。 
表示用于生成响应数据的函数。

options
指向本次请求的 Ajax 选项集，含有 url、type 和 body 三个属性，参见 XMLHttpRequest 规范。