1. 程式人生 > >axios + mock.js模擬數據實現前後端分離開發的實例代碼

axios + mock.js模擬數據實現前後端分離開發的實例代碼

log image 圖片 mage npm 新建 clas 就是 sta

首先就是必須安裝axios和mock.js

npm install axios

npm install mockjs

1. 然後在文檔src中新建一個mock.js文件,如圖

技術分享圖片

2. 在main.js中全局引入axios插件和mock.js文件如圖

技術分享圖片

3. 在組件中用axios獲取mock.js文件

技術分享圖片

4. 在mock.js

技術分享圖片

mockjs的用法可以到官網了解:http://mockjs.com(小生初學mock.js有不當之處請指出)

技術分享圖片

axios + mock.js模擬數據實現前後端分離開發的實例代碼