首页 IT程序员内容详情

vue中使用mockjs

2021-03-02 40333 编程艺术家

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

————————————————

版权声明:本文为CSDN博主「zeroyulong」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:

https://blog.csdn.net/zeroyulong/article/details/83380264


笔记

https://blog.csdn.net/zhouzhiwengang/article/details/113999800


vue项目配置Mock.js

相关标签: # mock.js

 暂无评论,快来抢沙发吧~

发布评论