前端使用mockjs模擬數(shù)據(jù)

前后端分離的開發(fā)模式已經(jīng)很成熟了,前端不再依賴后端接口,獨立進行開發(fā),今天寫一下關(guān)于mockjs模擬數(shù)據(jù)的使用方法

首先安裝包 npm i mockjs --save

安裝完成package顯示的版本是

成功之后就可以使用了,我的項目是vue+webpack的結(jié)構(gòu)

首先創(chuàng)建一個mock文件夾,創(chuàng)建一個js文件,比如叫mock.js,引入mockjs,然后安裝官網(wǎng)語法創(chuàng)建數(shù)據(jù)


/getList就是ajax要訪問的地址, 注意一點/\/getList/是正則匹配的寫法,也可以直接寫'/getList',如果寫成這種字符串的話加上參數(shù)(如/getList?page=1)就會報404錯誤,所以最好寫成正則的方式

然后在main,js引入mock.js文件?

最后直接調(diào)用接口就可以了, 如 https://localhost:1000/getList?page=1

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,932評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • 我和他相識在十九歲,那時的我們,誰之于誰,是誰?都是未知......也許有情,也許無意。 我和他相戀在二十一歲,我...
    海逢閱讀 131評論 1 1
  • 記得早先少年時 大家誠誠懇懇 說一句 是一句 清早上火車站 長街黑暗無行人 賣豆?jié){的小店冒著熱氣 從前的日色變得慢...
    果凍萍萍閱讀 623評論 0 1
  • 今天我沒有去上學,因為從昨晚我就一直拉肚子,拉的我沒勁了,到了上午我想去上學但是不知怎么,但是我還是拉肚子,好可惜...
    張佳藝我的寶貝閱讀 512評論 0 1

友情鏈接更多精彩內(nèi)容