vue mock介面資料

2021-09-27 11:42:57 字數 806 閱讀 5225

1、安裝,開發環境

npm i mockjs -d
2、在src目錄下新建mock目錄,結構如下:

3、index.js內容如下:

const mock = require(『mockjs』);

//格式: mock.mock( url, post/get , 返回的資料);

mock.mock(』/user/userinfo』, 『get』, require(』./json/userinfo』));

mock.mock(』/home/banner』, 『get』, require(』./json/homebanner』));

4、json檔案內容如下,以userinfo.json為例:

,「msg」: 「」

}5、在main.js入口檔案中引入mock資料,不需要時,則注釋掉。

import vue from 'vue';

import router from './router';

require('./mock'); //引入mock資料,關閉則注釋該行
vue.config.productiontip = false;

new vue();

6、在vue模板訪問

axios.get('/user/userinfo')

.then(function(res))

.catch(function(err))

二。第三方介面eolinker

vue Mock資料模擬後台資料

備註 此項專案基於webpack模板建立專案 此方法相當於本地模擬資料請求 fastmock模擬資料請求 請參考 準備data.json 檔案放在主目錄下 然後在webpack.dev.conf.js中引入 在const portfinder require portfinder 後新增 然後在de...

vue mock的模組化開發

如果我們需要真正的使用mock去做對應後台的資料模擬開發,那麼我們所有的mock肯定不能放在index.js裡,這樣很容易與他人 衝突。這裡我將提供我的思路,有什麼不成熟的地方還望及時溝通。以下便是專案結構 丨 store 丨 modules item.js index.js 其中最主要的就是ind...

獲取介面資料

介面測試,第一步就是需要獲取介面資料。目前已實現2個方案,可以獲取到線上環境使用者操作的介面資料 方案一 通過和運維溝通,通過運維從後端取log日誌發過來,我這邊再寫乙個指令碼,從log檔案裡面取需要的url和parameter儲存下來。方案二 呼叫es的介面,通過指令碼查詢拉取kibana上面對應...