一、Easy Mock网站生成项目和定义接口:
二、(推荐)使用mockjs
使用方法:
1、npm下载插件:npm i mockjs --save-dev
2、在src目录下新建一个mock文件夹,并在该文件夹下新建api.js,如下
3、通过require("mockjs")引入mockjs
我们希望很方便的开启和关闭mock数据,所以这里使用require()运行时加载mockjs,当我们不在使用mock数据,而是真实的后端api时,只需将mock = false即可。 如果使用import时,在代码运行前,就已经加载了mockjs插件。import是编译调用,reuqire是运行调用
4、修改App.vue中的内容:
5、运行项目查看结果
require和import的区别:https://www.cnblogs.com/sunshq/p/7922182.html