安装 Mock.js

为了模拟后台接口提供页面需要的数据,我们引入 Mock.js 为我们提供模拟数据,而不用依赖于后台接口的完成。

安装依赖

执行如下命令,安装依赖包。

yarn add mockjs --dev

安装完成之后,我们写个例子测试一下。

在 src 目录下新建一个 mock 目录,创建 mock.js,在里面我们模拟了两个接口,分别拦截用户和菜单的请求,并返回相应的数据。

如下图所示:

mock使用方法

修改 Home.vue,在页面放置两个按钮,分别触发用户和菜单的处理请求,成功后弹出获取结果。

mock使用方法

浏览器访问:http://localhost:8080/#/,分别点击两个按钮,mock 会根据请求 url 拦截对应请求并返回模拟数据。

获取用户信息

mock使用方法

获取菜单信息

mock使用方法

OK,mock 已经成功集成进来了。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-07-27
  • 2022-12-23
  • 2021-12-28
  • 2021-05-30
猜你喜欢
  • 2022-12-23
  • 2021-05-08
  • 2022-12-23
  • 2022-12-23
  • 2021-05-26
  • 2022-01-05
  • 2022-12-23
相关资源
相似解决方案