4.在入口js（main.js）裡引入mockjs
// 引入mockjs
require('./mock.js')
5. 新增乙個mock規則（mock.js）
// 引入mockjs
constmock = require('mockjs');
// 獲取 mock.random 物件
constrandom = mock.random;
// mock一組資料
constproducenewsdata = function()
articles.push(newarticleobject)
}
return
}
// mock.mock( url, post/get , 返回的資料)；
mock.mock('/news/index','post', producenewsdata);
import axiosfrom'axios'
import vuefrom'vue'
axios.defaults.headers.post['content-type'] =
// 請求***
axios.interceptors.request.use(function(config) , function(error) )
// 響應***
axios.interceptors.response.use(function(response) , function(error) )
6. 封裝請求並攔截
// 封裝axios的post請求
export function fetch(url,params) )
.catch((error) => )
})
}
exportdefault
}
關於mockjs 在vue 安裝失敗的使用問題
1.在關於vue 的開發的時候 為了增加開發效率，通常會使用前後端分離的模式進行開發，有時候後端介面的開發速度跟不上 前端切頁面的速度 所以就有了模擬資料mockjs，作為乙個新手 有時候偶爾也會碰到一些問題，在這裡記錄一下也好分享一下吧。2.資料構造 和post 引數的時候 其中regexp 這句...
MockJS在Vue中的簡單使用
mock.js 是一款前端開發中攔截ajax請求再生成隨機資料響應的工具.可以用來模擬伺服器響應.優點是非常簡單方便,無侵入性,基本覆蓋常用的介面資料型別.1 建立 mock.js mock.js 引入 mockjs 模組 import mock from mockjs mock.mock getn...
mockjs的基本使用入門
相信很多前端同學都有乙個困擾，就是沒有後端資料的情況下感覺很多想法都不能動手去實現，這裡介紹乙個模擬後端資料的工具，可以一定程度上解決我們的困擾。很多人或多或少的都聽說過mockjs，都知道是乙個模擬後端介面的工具，但是去看官網的時候上邊各種安裝，各種模組化，對於初學者很不友好，結果就這麼放棄了。下...