【Vue】MockJs的使用步骤

Mockjs的安装

官网:http://mockjs.com/

Webpack安装:npm i mockjs

使用步骤

(1)在项目当中src文件夹中创建mock文件夹

(2)准备JSON数据(在mock文件夹中创建相应的JSON文件)

image

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

image

(4) 在mock文件夹下创建mockServer.js通过mockjs插件实现模拟数据

image

(5)mockServer.js文件在入口文件中引入(至少需要被执行一次,才能模拟数据)

image

posted @ 2022-04-10 00:02  一个大不刘blog  阅读(70)  评论(0编辑  收藏  举报