一、Easy Mock网站生成项目和定义接口:

使用mock数据调试接口的2种常用的方式

二、(推荐)使用mockjs

使用方法:

1、npm下载插件:npm i mockjs --save-dev

使用mock数据调试接口的2种常用的方式

2、在src目录下新建一个mock文件夹,并在该文件夹下新建api.js,如下使用mock数据调试接口的2种常用的方式

3、通过require("mockjs")引入mockjs

使用mock数据调试接口的2种常用的方式

我们希望很方便的开启和关闭mock数据,所以这里使用require()运行时加载mockjs,当我们不在使用mock数据,而是真实的后端api时,只需将mock = false即可。  如果使用import时,在代码运行前,就已经加载了mockjs插件。import是编译调用,reuqire是运行调用

4、修改App.vue中的内容:

使用mock数据调试接口的2种常用的方式

5、运行项目查看结果

使用mock数据调试接口的2种常用的方式

使用mock数据调试接口的2种常用的方式

require和import的区别:https://www.cnblogs.com/sunshq/p/7922182.html

相关文章:

  • 2021-11-09
  • 2021-12-14
  • 2021-12-12
  • 2022-12-23
  • 2021-06-26
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-18
  • 2021-08-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案