vue中使用mockjs

版权声明：转载请注明出处。 https://blog.csdn.net/zeroyulong/article/details/83380264

一、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语法链接：传送门