1.引入mock.js依賴
package.js?dependencies依賴注入mockjs ("mockjs": "^1.0.1-beta3")，并標(biāo)明版本，npm install安裝遠(yuǎn)程依賴
2.項目中引入mockjs
main.js 主js里面引入mock import './mock'
mock文件夾下的index.js
import Mock from 'mockjs'
export getPeopleData() {
? ? const length = 30
? ? const data = []
? ? for (let i = 0; i < length; i++) {
? ? ? data.push(Mock.mock({
? ? ? ? name: '@cname',
? ? ? ? age: '@int(18, 60)',
? ? ? ? date: '@date',
? ? ? ? city: '@city',
? ? ? ? id: '@int(1, 1000)'
? ? ? }))
? ? }
? ? return {
? ? ? data: {
? ? ? ? data: data,
? ? ? ? total: length
? ? ? }
? ? }
? }
Mock.mock(/\/api\/people/, 'get', getPeopleData)
具體需要mock哪些哪種類型的假數(shù)據(jù)，詳見官網(wǎng) http://mockjs.com/examples.html
js文件中的函數(shù)就可以用get方式調(diào)用/api/people接口請求數(shù)據(jù)啦，不會再network中顯示接口名稱，可以console.log打印請求之后的數(shù)據(jù)，如果需要傳參的接口目前還沒調(diào)研到，有知道的希望給我留言，非常感謝
