600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > Vue中使用mockjs模拟数据

Vue中使用mockjs模拟数据

时间:2023-06-28 15:30:22

相关推荐

Vue中使用mockjs模拟数据

首先使用npm安装mockjs

npm i mockjs -S

安装好mockjs后在src目录下创建mock目录在mock目录下准备JSON格式的数据把mock数据需要的图片数据放在publicu目录下(将来打包时会把相应的资源原封不动的放到dist文件夹里)开始mock。通过mockjs实现在mock目录下创建mockServe.js通过mockjs实现模拟数据

// 先引入mockjsimport Mock from 'mockjs'// webpack默认对外暴露的类型有图片和json格式数据 故json文件无需对外暴露// 把json格式数据引入进来import banner from './banner.json'import floor from './floor.json'// mock数据 第一个参数是请求地址 第二个参数是数据Mock.mock('/mock/banner', {code: 200, data: banner})Mock.mock('/mock/floor', {code: 200, data: floor})

把mockServe.js文件在入口文件(main.js)中引入封装请求获取数据即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。