在vue项目中使用Mockjs

作用: 生成随机数,拦截ajax请求

生成随机数:
npm install mockjs

// 使用 Mock
import Mock from 'mockjs'
var data = Mock.mock({
    // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数,起始值为 1,每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

// 拦截ajax请求
Mock.mock( '/mymockdata', 'get', function(){
	retrun Mock.mock({
	    'list|1-10': [{
            'id|+1': 1
   		 }]
	})
} )


// 在 vue中使用模拟数据
	1.0 创建一个mock文件如mock.js
	
	import Mock from 'mockjs'
	Mock.mock( '/mymockdata', 'get', function(){
        retrun Mock.mock({
            'list|1-10': [{
                'id|+1': 1
             }]
        })
	} )

	2.0 main.js中导入 一个mock文件
	import '@/mock/mock.js' //这种直接导入js的方式会直接执行里面的代码
发布了102 篇原创文章 · 获赞 14 · 访问量 7047

猜你喜欢

转载自blog.csdn.net/weixin_42060658/article/details/105146871