前后端分離的開發(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