mock.js的下载安装及使用(Vue)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_40688217/article/details/91555928

mock.js-无需等待,随机产生数据,让前端独立于后端进行开发

mock.js所做的
基于 数据模板 生成模拟数据。
基于 HTML模板 生成模拟数据。
拦截并模拟 ajax 请求。


1、Mock.js下载安装

下载mock.js文件 https://raw.githubusercontent.com/nuysoft/Mock/refactoring/dist/mock.js 直接打开另存为就ok了
npm安装mock模块
项目路径下执行命令: npm install mock

2. vue中使用mock.js

自己本地搭建vue项目 是在src底下添加一个mock模块

目录如下

在这里插入图片描述

将数据源放在user.js里面

在这里插入图片描述


最后再在mock.js里面调用user.js渲染出数据

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_40688217/article/details/91555928