一、npm集成mockjs
npm install mockjs --save-dev
二、新建mock文件mock.js
import Mock from 'mockjs';
const demoData = function(){
let Data = [];
for (let i=0;i<10;i++){
let data={
name:Mock.Random.cname(),
age:Mock.Random.natural(10,90)
}
Data.push(data)
}
return {
Data:Data
}
}
Mock.mock('/personList','get',demoData)
三、在main.js中引入刚才新建的mock文件
//引入mockjs
require('./mock/mock.js')
四、在页面中调用
getMock(){
this.$ajax.get('/personList').then(function(res){
console.log(res)
}).catch(function(err){
console.log(err)
})
}
由于mockjs是拦截ajax请求，所以只要请求名对应就可，无需填写请求地址，例如demo中的 personList
另附mock语法链接：传送门
