1.安装
npm install mockjs
2.在vue-cli项目下新建mock文件夹
index.js
import Mock from 'mockjs'
import { homelist } from './homelist.js'
// 配置Ajax请求延时,可用来测试网络延迟大时项目中一些效果
Mock.setup({
timeout: 2000
})
// 首页相关信息信息
Mock.mock(/\/homelist/, homelist)
export default Mock
homelist.js
export const homelist = [
{
name: 'super_admin',
user_id: '1',
access: ['super_admin', 'admin'],
token: 'super_admin',
avatar: 'https://file.iviewui.com/dist/a0e88e83800f138b94d2414621bd9704.png'
},
{
name: 'admin',
user_id: '2',
access: ['admin'],
token: 'admin',
avatar: 'https://avatars0.githubusercontent.com/u/20942571?s=460&v=4'
}
]
在main.js引入
require('@/mock')
方法中使用:
load() {
this.$get('/homelist').then(res => {
if (res.status==200) {
this.data=res.data
}
})
},
load2() {
let params={
pageSize:10,
page:1
}
this.$post('/homelist',params).then(res => {
if (res.status==200) {
this.data2=res.data
}
})
}