mock模擬資料
阿新 • • 發佈:2021-11-13
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路徑相同時就會被攔截,且返回隨機資料