前端如何使用easy-mock模拟接口

最新推荐文章于 2024-12-09 20:38:50 发布

weixin_30532759

最新推荐文章于 2024-12-09 20:38:50 发布

阅读量530

点赞数

CC 4.0 BY-SA版权

文章标签：前端 json ViewUI

原文链接：http://www.cnblogs.com/knuzy/p/9445181.html

本文介绍了一种在开发环境中使用easy-mock获取模拟数据的方法。通过条件判断，开发环境调用easy-mock，正式环境则使用json文件，确保了不同环境下的数据一致性。文章详细展示了如何使用axios发起GET请求，获取并处理返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 如何使用easy-mock

 1     // 获取 easy-mock 的模拟数据
 2     getData () {
 3       // 开发环境使用 easy-mock 数据，正式环境使用 json 文件
 4       if (process.env.NODE_ENV === 'development') {
 5         this.url = '/ms/table'
 6       };
 7       axios.get('/ms/table')
 8         .then((res) => {
 9           console.log(this)
10           this.tableData3 = res.data.tableData3
11         })
12     }
13   },
14   mounted () {
15     this.getData()
16   }