mock模拟数据

1、简介：前后端分离的时候，后端接口没出来时，mock就非常好用了，能够拦截ajax请求，返回自己需要的随机模拟数据。

2、安装

npm install mockjs

3、使用

3-1：建立一个mock.js文件

import Mock from 'mockjs'
/*mock的参数传入方式有几种可看官网，下面这种方式是拦截路径、拦截的请求方式、拦截调用的方法，详细可看官网https://github.com/nuysoft/Mock/wiki/Mock.mock()*/
Mock.mock('/api/data','get',()=>{
    return{
        status: 200,
        message: '成功',
/*mock的第二种使用模拟数据，详细可看官网http://mockjs.com/examples.html#DPD*/
        ...Mock.mock({
            "list|10-60": [
              {
                "id": '@increment(1)',
                "title": "@ctitle",
                "content": "@cparagraph",
                "add_time": "@date(yyyy-MM-dd hh:mm:ss)"
              }
            ]
          })
    }
})
/*设置模拟请求返回数据的时间，详细可看官网https://github.com/nuysoft/Mock/wiki/Mock.setup()*/
Mock.setup({
    timeout: '10-600'
})

3-2：在main.js里引用

import './mock.js'

3-3：当你调用ajax发起请求跟设置的mock路径相同时就会被拦截，且返回随机数据