fetch-api 相关问题

Fetch API https://fetch.spec.whatwg.org是XHR的改进替代品,用于制作异步HTTP请求,同时更好地管理重定向以及与CORS和服务工作者的交互。

“列表中的每个子项都应该有一个唯一的“key”道具。”即使使用密钥也显示错误?

我试图从我的设施表中获取并将其呈现在表中,但我在控制台中收到“列表中的每个孩子都应该有一个唯一的“key”道具”警告。 导入反应...

回答 1 投票 0

如何在javascript幻灯片中实现无缝显示

我用javascript编写了一个基本的幻灯片。它从 CGI 脚本中下载随机选择的 JPEG,必要时将其缩小,删除先前显示的幻灯片并显示新的幻灯片...

回答 1 投票 0

如何添加ofetch/$fetch请求选项?

如何为默认选项添加类型以便正确显示? 从 'ofetch' 导入类型 { FetchOptions } 类型 ApiFetchOptionsExtra = { SkipAuthTokenProcessing?:布尔值 防止...

回答 1 投票 0

为什么此 CORS 请求仅在 Firefox 中失败?

我正在使用凭据和预检请求实现 CORS,我有点困惑为什么预检请求在 Firefox 30 中始终失败,但在 Safari (7.0.2) 和 Chrome 35 中有效。我认为...

回答 7 投票 0

中止控制器不会取消所有待处理的请求

在我的项目中,所有请求都通过单个获取函数。我将所有中止控制器存储在全局集内。当用户切换到另一个页面时,我会调用 glo...

回答 1 投票 0

多次执行fetch

我已经构建了一个javascript函数来创建一个项目(=图片+标题+类别) 使用使用 fetch 的 API。 API响应后,我修改DOM以显示新的项目列表。 初始化...

回答 1 投票 0

useSWR中key发生变化时,即使key的数据已经存在于缓存中,如何显示Loading?

我正在使用 useSWR 挂钩来获取数据。我想在按键发生变化时显示正在加载。我已经将过滤器状态包含在 useSWR 的 key 中,因此每当状态更新时,它都会调用 AP...

回答 1 投票 0

如何强制 JavaScript fetch api 在桌面模式下请求页面?

我使用 JavaScript fetch api 从 Reddit 的公共 json 端点下载 json 文件。 最近,Reddit 根据浏览器是否处于设计状态,使其 json 端点做出不同的响应...

回答 1 投票 0

使用带有凭据的 Fetch 的跨源 AJAX 请求:'include' 和使用 SameSite=None 设置的 cookie 在 Firefox 中不会发送

我正在尝试使用从attacker.local到defender.local的提取来发出跨域AJAX请求,并且我希望该请求包含在defender.local上设置的cookie。 我遵循了这个指南:...

回答 1 投票 0

点击“下一步”按钮时如何更新API URL中的参数

我正在构建一个基于 Jikan API 的网站。我能够获取我需要的数据。然而,由于有数千个条目,它们位于分页后面,我可以很好地访问此信息。 我想要什么...

回答 1 投票 0

post 请求由于“没有‘Access-Control-Allow-Origin’标头”而突然失败

我在网络空间上有一个 php 文件,开头为: 我在网络空间上有一个 php 文件,开头为: <?php header('Access-Control-Allow-Origin: *'); header("Access-Control-Allow-Methods: PUT, GET, POST"); header("Content-Type:application/json"); 现在我有一个反应站点(在不同的服务器上),它使用来自该文件的获取请求 export const queryPHP = (f, d, callback, errorCB=null) => { let data = {...d} let url = urlForQuery + '?f=' + f; for(let key in data) url += "&" + key + "=" + encodeURIComponent(data[key]); console.log(url) fetch(url) .then(response => response.json()) .then(json => { if(json.success) callback(json.data); else { if(errorCB == null) console.log(json.data) else errorCB(json.data); } }) } 而且效果很好。我也使用向它发布请求 export const postPHP = (f, data, callback, errorCB=null) => { let formData = new FormData(); for(let key in data) { formData.append(key, data[key]) } let url = urlForQuery + '?f=' + f; fetch(url, { method: "POST", // *GET, POST, PUT, DELETE, etc. body: formData }) .then(response => response.json()) .then(json => { if(json.success) callback(json.data); else { if(errorCB == null) console.log(json.data) else errorCB(json.data); } }); } 曾经可以工作,但突然产生错误 Access to fetch at 'https://...' from origin 'https://...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 我不明白发生了什么变化。谁能帮我解决这个问题吗? 要解决此问题,需要配置服务器以在其响应中包含适当的 CORS 标头。我还没有使用 php,但一些谷歌搜索或要求 AI 通过粘贴完整代码进行故障排除将有助于解决它。由于与 React 前端相比,您的后端托管在其他地方,因此它们属于不同的域,因此浏览器默认情况下会阻止来自不同来源的请求。 CORS 是需要在后端进行配置的东西。

回答 1 投票 0

Spring Boot 控制器无法将路径变量识别为可选

使用 Spring Boot,我实现了一个 RestController,如下所示: @RestController @RequestMapping(“/api/v1/student/img”) @CrossOrigin(“*”) 公共类 ProfilePictureController { ...

回答 4 投票 0

如何在React Native中跟踪countOfResponseBodyBytesReceived和countOfResponseBodyBytesAfterDecoding(类似于iOS)?

在 iOS (13.0+) 中,NSURLSessionTaskMetrics 提供了以下属性: @可用(iOS 13.0,*) 打开 var countOfResponseBodyBytesReceived: Int64 { get } @可用(iOS 13.0,*) 打开变量

回答 1 投票 0

创建可重用的获取函数时出现无效的钩子调用

我正在尝试发出可重用的 GET 和 POST 请求,但在可重用的获取请求组件中设置数据状态时收到错误 Invalid hook call 。我刚刚了解到我们只能使用...

回答 1 投票 0

根据单元格的值更改 html 表格颜色

我正在从 API 获取数据并将其显示在 html 表格中。 现在我想根据列的值更改行的颜色。 例如,如果状态为“已接受”,则为绿色行,如果...

回答 1 投票 0

如果json内容失败,能够获取response对象的文本内容

json解码失败是否可以获取到response的文本值? 我有以下代码: 尝试 { var 响应 = 等待 fetch(url, 选项); var data = 等待response.json(); ...

回答 1 投票 0

pHp cURL 在通过浏览器调用和 CLI 运行时工作正常,但在 ajax/fetch 调用中失败

TLDR:当您转到 URL 或 CLI 时,我的 php 文件可以正常执行curl 请求,如果我使用 ajax 或 fetch 从站点 URL 调用此 php 文件,我没有得到任何响应,也没有错误代码。只是空白回复...

回答 1 投票 0

HTTP 请求在 Postman 中有效,但在 React Native 应用程序中无效

我正在开发一个项目,需要我更新一堆依赖项以符合Google Play政策,在更新了运行应用程序所需的绝对最少的依赖项后,我遇到了一个问题...

回答 1 投票 0

无法使用 Axios 从 React 使用 Directus API 端点

我使用 Directus 创建了一个 API 端点来存储一些数据。 https://comfy-store.directus.app/items/products 我使用 POSTMAN 验证了此端点是否正常工作。 然后我使用 Vit 创建了一个 React 应用程序...

回答 1 投票 0

是否仍然可以使用 NASA Insights API 了解火星天气?

我希望您使用 NASA Insights API 来检索有关火星天气的数据。 我使用了他们的网址:https://api.nasa.gov/insight_weather/?api_key=DEMO_KEY&feedtype=json&ver=1.0 它只是显示...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.