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路徑相同時就會被攔截，且返回隨機數據