當前位置:成語大全網 - 書法字典 - Mock.js使用

Mock.js使用

用Mock.js模擬生成壹些虛擬數據,讓前端在開發後端接口之前獨立開發。我們可以使用真實的url,mockjs可以攔截ajax請求並返回設置的數據。

您可以在src目錄中創建新的模擬文件夾和新的index.js文件。在index.js文件中創建虛擬數據。

如果需要使用虛擬數據,請在main.js條目文件中導入mockjs文件。

Mock.setup( settings):配置攔截Ajax請求時的行為。

Mock.mock( template):根據數據模板生成模擬數據。Template表示數據模板,可以是對象或字符串。數據模板中的每個屬性由三部分組成:屬性名、生成規則和屬性值。

'名稱|規則':值:屬性名稱、生成規則規則和屬性值。屬性名稱和生成規則由垂直線|分隔。

' Name|min-max': Array:當屬性值為array array時。通過重復屬性值數組生成新數組,重復次數大於等於min且小於等於max。

Name|+1': Number:當屬性值為數字Number時。屬性值自動加1,初始值為#。

占位符:使用@表示下面的字符串是占位符。占位符引用Mock.Random中的方法。

@cname:隨機生成壹個常用中文名。

@ @ctitle( min,max):隨機生成壹個中文標題。默認值是壹個介於3和7之間的隨機數。

@integer( min,max):返回壹個隨機整數。最小值是最小值,最大值是最大值。

Mock.mock (rurl,rtype,function (options)):記錄用於生成響應數據的函數。當攔截到匹配rurl和rtype的Ajax請求時,將執行函數function(options),並將執行結果作為響應數據返回。

此時,前臺向後臺發送請求時,會得到mokejs的虛擬數據,而不是真實的後臺數據。