mockjs是用來模擬后臺請求,并生成模擬數(shù)據(jù)的一個插件。實現(xiàn)前后端分離開發(fā),前端不用在后端功能還未開發(fā)完成的情況下,浪費時間等待,或者花過多的時間自己模擬假數(shù)據(jù)。官方語法:https://github.com/nuysoft/Mock/wiki/Syntax-Specification
mockjs在網(wǎng)上有不少使用方式,我找了一個相對簡單。而且,在移除時,對代碼改動也更少。
1、安裝
npm i mockjs --save
2、在項目中新建一個文件,用于mock模擬數(shù)據(jù)
image.png
PS:在有很多請求需要模擬數(shù)據(jù)的情況下,可以把請求分類寫在其他頁面,然后import進來,在當(dāng)前頁面循環(huán)調(diào)用mock()生成假數(shù)據(jù)
3、我是封裝了vue-resource,所以在封裝的公共方法里面引入就可以用。并且,我測試過,只要mock里面的攔截ajax對應(yīng)的方法在,就不會發(fā)請求到后臺。而只要把對應(yīng)的方法注釋,就能請求后臺,不用更改頁面上的代碼,也不用重啟項目。
當(dāng)項目要上線,或者后臺開發(fā)完成,也只要把公共的方法里面的這個引用注釋掉就能使用。
image.png