我是靠谱客的博主 美好巨人,最近开发中收集的这篇文章主要介绍mock数据模拟器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

如果你想模拟一些数据,那么你可能需要这个插件——mockjs

(说明:mockjs中的数据不会与后端有任何通信,只是前端程序员自己在玩耍。)

1.安装

npm install --save mockjs

2.使用步骤

①在项目当中的src文件夹中创建一个mock文件夹

②准备JSON数据(mock文件夹中创建相应的JSON文件,放入json格式数据)

③把mock数据需要的图片放到public文件夹中(public文件夹在打包的时候,会把相应的资源原封不动的打包到dist文件夹中)

④创建mockServe.js通过mockjs插件实现模拟数据(mock文件夹中创建相应的mockServe.js文件)

//mockServe.js文件夹内代码
//1.先引入mockjs模块
import Mock from "mockjs";
//2.把JSON数据格式引入进来
import banner from "./banner.json";
//3.mock数据:第一个参数:请求地址 第二个参数:请求数据
Mock.mock("/mock/banner",{code:200,data:banner});

⑤main.js文件中引入mockServe.js文件

//main.js文件内代码
//1.引入MockServe.js
import "@/mock/mockServe";

最后

以上就是美好巨人为你收集整理的mock数据模拟器的全部内容,希望文章能够帮你解决mock数据模拟器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(82)

评论列表共有 0 条评论

立即
投稿
返回
顶部