如何在fetch-mock中模拟几个gets？
在fetch-mock中模拟多个GET请求可以通过以下步骤实现：
- 首先，确保已经安装了fetch-mock库。可以使用以下命令进行安装：
npm install fetch-mock --save-dev- 在需要模拟GET请求的测试文件中，引入fetch-mock库：
import fetchMock from 'fetch-mock';- 使用fetchMock.mock()方法来模拟GET请求。该方法接受两个参数：请求URL和响应数据。可以多次调用该方法来模拟多个GET请求。
fetchMock.mock('https://api.example.com/data1', { data: 'response1' });
fetchMock.mock('https://api.example.com/data2', { data: 'response2' });- 在测试代码中，使用fetch()函数来发起GET请求。fetch-mock会拦截这些请求并返回预先定义好的响应数据。
fetch('https://api.example.com/data1')
.then(response => response.json())
.then(data => console.log(data)); // 输出: { data: 'response1' }
fetch('https://api.example.com/data2')
.then(response => response.json())
.then(data => console.log(data)); // 输出: { data: 'response2' }通过以上步骤，我们可以在fetch-mock中成功模拟多个GET请求。每个请求的URL和对应的响应数据可以根据实际需求进行设置。
腾讯云相关产品推荐：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
- 云数据库（MongoDB）：https://cloud.tencent.com/product/mongodb
- 云存储（对象存储）：https://cloud.tencent.com/product/cos
- 人工智能（语音识别、图像识别）：https://cloud.tencent.com/product/ai
相关·内容
4回答
我提出了2个fetch请求。我希望将数据转换为JSON，然后将其设置为变量。 async componentDidMount() {
Promise.all([
await fetch('/link1'),
await fetch('/link2'),
]).then(links => {
const response1 = links[0]
const response2 = links[1]
const res1 = response1.jso
浏览 32提问于2020-02-22得票数 1
回答已采纳
在对BE进行异步调用的情况下，我使用fetch-mock来测试我的客户端操作创建器。虽然所有的get请求都运行良好，但我很难做同样的工作来发布和放置请求。
在这里附加了一个代码示例，如果工作的话，我相信我的实际代码也会工作。
我使用import fetchMock from 'fetch-mock'来模拟响应，使用require('isomorphic-fetch')直接替换默认的fetch
我添加了一些注释，但我确实得到了状态200的响应(如果我将模拟的响应状态更改为400，我也会得到它)。问题是，res.json()是由未定义的结果体而不是模拟的结果体导致的
浏览 2提问于2017-11-06得票数 0
回答已采纳
12回答
我在一个PHP web应用程序上工作，我需要在请求中执行一些网络操作，比如根据用户的请求从远程服务器获取某人。
假设我必须向一个函数传递一些数据，并且还需要它的输出，那么在PHP中模拟异步行为是可能的吗？
我的代码如下：
<?php
$data1 = processGETandPOST();
$data2 = processGETandPOST();
$data3 = processGETandPOST();
$response1 = makeNetworkCall($data1);
$response2 = makeNetworkC
浏览 0提问于2013-01-09得票数 97
2回答
我试图在我的节点类型赋值项目中添加一些有趣的测试。我想使用supertest来调用我的koa路由器，也可以使用fetch-模拟使用节点-fetch发出的请求。
到目前为止，我的解决方案如下所示，但我的路由器中的fetch不使用带有fetch的模拟fetch设置。单元测试失败，因为我模拟的预期响应没有返回。我曾经尝试过使用进行全局获取模拟，但是没有成功，而且类型记录使我很难遵循我找到的非类型文本解决方案。如果可能的话，我想避免使用非全局沙箱，因为我需要重写大量代码来传递获取信息。
server.spec.ts
import * as fetchMock from 'fetch-mock&
浏览 2提问于2019-06-24得票数 9
回答已采纳
因此，当我尝试使用SWR库从API端点获取数据时，我只能获得返回数据的第一个抓取器函数……如果我在浏览器中检查所有API端点，它们都可以正常工作，但是在代码data1、2、3、4中，如果我在控制台记录它们，它们都返回undefined，我是不是没有正确地使用这个库来获取多个API？ const fetcher = async () => {
const response = await fetch("API");
const data = await response.json();
return data;
浏览 15提问于2021-11-03得票数 0
回答已采纳
在我的网站上，我使用ajax将信息发布到一个java servlet，并使用以下javascript代码读取响应：
$.ajax({
url : 'myfirstservlet',
async: false,
data : {
//send info..
},
success : function(responseText) {
//rece
浏览 0提问于2015-04-03得票数 0
我正在尝试发布到一个网络服务(而不是RESTful)，并通过PHP获得响应。但是，该web服务需要摘要身份验证。
我一直在网上搜索，发现大多数讨论和文章都是关于另一种方式(向用户请求摘要身份验证)，而不是使用PHP进行响应。
我可以使用这个线程提供的代码生成摘要式响应：，但问题是要将它与(或者不是？)一起发送。POST数据。
下面是我使用的代码：
$domain = "https://api.example.com";
$uri = "/ws.asmx/do";
// get headers
$response1_array = get_headers($we
浏览 2提问于2013-09-07得票数 3
回答已采纳
2回答
我要开始了，我自己尝试的第一件事就是如何在这个承诺中添加多个来源：
const getTodos = async () =>{
const response = await fetch('todos/resource.json');
if(response.status !== 200){
throw new Error('Cannot fetch data');
}
const data = await response.json();
return data;
};
getTodos()
.then(data => con
浏览 7提问于2022-03-11得票数 0
1回答
这个东西会出什么问题？
、、、
我尝试使用异步等待从多个apis中获取数据，但是输出还没有定义，有什么可能出错呢？
const getData = async (jwt) => {
try {
const [response1, response2, response3] = await Promise.all(
[
fetch("http://localhost:3000/api/confirmed"),
fetch("http://localhost:3000/api/deaths"),
fetch("h
浏览 1提问于2022-03-05得票数 -3
回答已采纳
2回答
我试图对一个简单的函数进行单元测试，它发送一个get请求，接收一个响应，然后返回一个具有成功或失败消息的承诺对象。职能如下：
module.exports.hello = async (event, context) => {
return new Promise((resolve, reject) => {
fetch("https://httpstat.us/429", { headers: { 'Content-Type': 'application/json' } }).then(response => {
浏览 5提问于2019-02-13得票数 1
我花了一段时间才弄明白如何通过JQuery Ajax POST请求在Symfony 4中获取数据。我会把代码，可能会帮助某人，但它提出了两个问题，我还找不到答案。以下是代码：
Javascript：
function sendData() {
$.ajax({
url: 'response2',
method: 'POST',
processData: false,
contentType: "application/json; charset=utf-8",
浏览 1提问于2020-12-11得票数 0
回答已采纳
我在测试redux异步操作时遇到了一些问题，因为某些原因，store.dispatch返回未定义的并且.then方法不能工作。
当我console.log store.dispatch(actions.requestChartData())时，它会给出以下错误：
fetch-模拟:没有为GET到定义的回退响应
巫婆的意思是没有模拟反应，而且没有定义。
我不知道我的错误在哪里，在url或其他我错过的地方。如有任何帮助，将不胜感激。
这里是我的action.js代码：
import {
ROOT_URL,
API_KEY,
FETCH_POSTS,
CR
浏览 1提问于2018-12-11得票数 2
回答已采纳
我有一个组件，在componentDidMount中执行两个componentDidMount操作。我想对此进行测试，我必须诚实地说:我根本不清楚如何继续下去。
关键是，似乎没有一种“标准”的方式进行下去。本质上，我发现更令人困惑的是：
如何模拟:显然，您可以使用或模拟异步调用。
如何管理生命周期和构造测试：
在中，方法3中的文章解释了如何使用酶和jest-fetch-模拟来实现测试。
在文章中，将解释如何仅用jest测试异步调用。
我不太清楚什么时候应该使用一种方法/库，而不是另一种。
这是我的函数的一个简化版本：
componentDidMount()
浏览 0提问于2018-02-27得票数 5
回答已采纳
我编写了一个异步函数，它能够从我用Python编写的API中获得响应，但是我无法将数据放入数组中，然后我可以使用数组来更新我的前端应用程序。
守则如下：
async function postData(URL) {
let rawResponse = await fetch(URL, {
method: "Post",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
},
浏览 3提问于2022-05-10得票数 1
2回答
fetch-mock模拟所有请求
、、、、
我使用fetch-mock来模拟一些对服务器的请求。所有请求都是在这里发出的：
import fetchMock from 'fetch-mock'
import initialState from 'src/initial-state'
if (process.env.NODE_ENV === 'development') {
fetchMock.post('/some/endpoint', initialState.entities.multichannelEngagement)
}
但是，不仅这个端点被模拟，而且所有使
浏览 8提问于2017-01-26得票数 4
回答已采纳
1回答
我有一个Saga，我需要执行3个异步请求，然后在后续请求中使用来自3个请求的响应。下面是一些用于解释的psuedo代码：
function* useOtherActionsAndSagas(action) {
try {
const [response1, response2, response3] = yield [
request1,
request2,
request3
];
const orderData = {
...response1,
...response2,
...resp
浏览 5提问于2017-06-12得票数 11
我有一个问题，我需要在一个页面上执行多个AJAX请求。请求在同一时间开始，但它们似乎在等待它们的前身返回。
假设page1需要大约3秒的时间来加载。page2需要2秒来加载。我得到的是两者同时启动，page1请求在3秒后返回。
但问题是page2请求在5秒后返回。为什么会这样呢？我认为每个AJAX请求都会在它自己的线程中运行。那么为什么要排队呢？为什么第二个等待第一个响应，甚至在它似乎开始之前？
如何在响应到达时同时发送请求和处理响应？
$.ajax({
type: "POST",
url: 'page1.php',
data: { }
浏览 3提问于2015-02-24得票数 3
我正在尝试编写一个单元测试(使用jest)，它断言数据正在被推入job_execs。我遇到的两个问题是模拟api端点，以及是否可以在单元测试中模拟this.$route.params.tool。 所以主要的问题是，我能用下面的组件写一个测试吗？我知道应该可以模拟api端点(还没有弄清楚如何模拟)，但我担心的是，我在组件中有太多的外部依赖项，这不能成为单元可测试的。我需要重写我的组件来支持单元测试吗？ Jobs.vue <script>
export default {
name: "Jobs",
data() {
return {
jo
浏览 7提问于2019-06-28得票数 0
1回答
我想使用Axios将两个API数据发送到HTML文件，但我找不到问题，请帮助我，我的代码是 app.get('/', (req, res) => {
const Url1 = "https://api.covidindiatracker.com/state_data.json";
const x = axios.get(Url1).then((response1) => {
res.render("index", {
appName: "COVID-19 Tracker&#
浏览 27提问于2020-12-17得票数 1
回答已采纳
1回答
我使用scrapy-inline-request库编写了一个爬行器。因此，我的爬行器中的parse方法看起来像这样：
@inline_requests
def parse(self, response1):
item = MyItem()
loader = ItemLoader(item=item, response=response1)
#extracting some data from the response1
try:
response 2 = yield Request(some_url)
#extracting
浏览 2提问于2016-09-28得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
