我如何在 Vue.js 中的宠物项目中使用在线模拟 Promise答案

【问题标题】：How I can mock promises online for using in my pet project in Vue.js我如何在 Vue.js 中的宠物项目中使用在线模拟 Promise
【发布时间】：2021-06-16 17:38:17
【问题描述】：

我可以在 Vue.js 项目的 main.js 中导入并启用一些 mocker 吗？可能是之后：

import Vue from 'vue'
import App from './App'

无论如何，它如何开始？先感谢您。分享您的意见。

【问题讨论】：

嗨伊万。您能否澄清一下您希望“嘲笑者”为您的 Vue 应用程序做什么？例如，您是否尝试为您的 Vue 应用程序提供模拟 API 数据，或者您是否可以模拟其他组件以便您可以单独测试您的应用程序？
我正在尝试为整个 Vue 应用程序提供模拟 API 数据，在不同的组件中随处可见

标签： api vue.js promise mocking frontend

【解决方案1】：

已经编写了许多很棒的库，它们会拦截您的 API 请求并返回虚假数据。

实现这一目标的最完整的库（在我看来）是：

Mirage.js - 你告诉它哪个 API 返回什么响应，外部数据请求被路由到 Mirage。我喜欢这个，因为这与我在 Mirage 可用之前构建的解决方案非常相似，所以它很适合我。

JSON 服务器 - 这作为服务器运行并返回您的 JSON 文件以响应 API 调用。这很酷，因为它模拟了实际的网络流量，即使它只是循环回本地主机。

Faker.js 看起来是生成假数据的最完整库，因此您可能希望将其与上述解决方案之一结合使用，或者如果您将 API 调用替换为数据向 Faker 提出请求，您可以绕过需要其他解决方案。

有很多关于这项技术的精彩文章。我喜欢阅读 Valentino Gagliardi 的 4 ways to fake an API in frontend development 和 LogRocket 的 How to test code that depends on external APIs in Node.js。

【讨论】：

非常感谢！