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上面對應...