1. 程式人生 > 其它 >mock模擬資料

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路徑相同時就會被攔截,且返回隨機資料