fetch-api相关内容

UseEffect 被多次调用

我以为 useEffect 只在渲染后调用一次,但它被执行了多次,而且不是按照我预期的顺序. 我希望它在提取过程中发送消息“数据加载",然后在提取完成后,呈现标题字段并提醒“..完成..."一次就结束了. 我在两个点​​添加了 ALERT 和控制台日志以确定流程,并且警报和控制台日志都以不同的顺序出现不止一次.您能否运行此代码并查看行为.我将第二个参数数组保留为 null 以使其仅运行 ..
发布时间:2022-01-20 14:29:57 前端开发

如何从 fetch 中获取响应的标头

我在 chrome 版本 52.0.2743.82(64 位)上使用 fetch.我想获取响应中的所有标题.以下代码段仅返回 content-type 但如果您查看 chrome 开发工具,它会显示许多其他响应标头.如何从 fetch 中获取其他标头. fetch('https://httpbin.org/get').then(响应 => {const headers = response.h ..
发布时间:2022-01-20 14:27:54 前端开发

Fetch API 默认跨域行为

Fetch Specifications 说默认的 Fetch 模式是 'no-cors' - 请求具有关联的模式,即“same-origin"、“cors"、“no-cors"、“navigate"或“websocket".除非另有说明,否则它是“no-cors". 但是,我似乎注意到 mode: 'no-cors' 和未指定模式之间的这种行为差异.正如此 JSFiddle 示例 中 ..
发布时间:2022-01-20 14:24:04 前端开发

使用 fetch API 请求 blob 图像并转换为 base64

我有一些图像将显示在 React 应用程序中.我向服务器执行 GET 请求,该服务器返回 BLOB 格式的图像.然后我将这些图像转换为 base64.最后,我将这些 base64 字符串设置在图像标签的 src 属性中. 最近我开始使用 Fetch API.我想知道是否有办法在“一次"中进行转换. 下面是一个例子来解释我到目前为止的想法和/或如果这甚至可以通过 Fetch API 实现 ..
发布时间:2022-01-20 14:19:14 前端开发

如何使用 fetch 发布多部分表单数据?

我正在获取这样的 URL: fetch(url, {模式:'no-cors',方法:方法 ||空值,标题:{'接受': 'application/json, application/xml, text/plain, text/html, *.*',“内容类型":“多部分/表单数据"},正文:JSON.stringify(数据)||空值,}).then(函数(响应){控制台日志(响应状态)cons ..
发布时间:2022-01-20 14:12:46 前端开发

如何使用 window.fetch 下载文件?

如果我想下载一个文件,我应该在下面的 then 块中做什么? function downloadFile(token, fileId) {让 url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;返回获取(网址,{方法:'GET',标题:{“授权":令牌}}).然后(...);} 注意代码在客户端. 解 ..
发布时间:2022-01-20 14:12:31 前端开发

fetch API 中的 request.mode 有什么意义,尤其是在 cors 方面?

查看新的 fetch API,您可以在请求中指定模式字段.来自 Mozilla: Request接口的mode只读属性包含mode请求的名称(例如,cors、no-cors、同源或导航.)这是用于确定跨域请求是否导致有效响应,以及响应的哪些属性是可读的. 然后是如何使用它: var myHeaders = new Headers();var myInit = { 方法:'GET',标头:我的 ..
发布时间:2022-01-19 12:48:39 前端开发

如何仅获取(使用 Fetch API)Javascript 中的标头,而不是全部内容?

这里我有这个小提琴样本,我尝试只获得 大图像中的 content-type 标头,在 Javascript 中同时使用 XMLHttpRequest() 和 fetch().如果您在 Chrome 的开发者工具/网络选项卡(或其他浏览器中的类似工具)打开的情况下运行 fiddle,您会看到虽然 XMLHttpRequest() 方法仅获得标头所在的 600 B, fetch() 方法获取整个 7. ..
发布时间:2022-01-17 17:37:29 前端开发

如何在反应原生 XMLHttpRequest API 或 Fetch Api 中禁用 ssl 检查?

在本地测试服务器 url 上有 ssl 证书错误,所以我必须禁用 ssl 检查.我已经阅读了许多有关 stackoverflow 的解决方案,但都没有帮助.问题是我无法在服务器上进行任何更改.所以我想知道如何禁用 ssl 检查,或者是否有任何其他 api,如 fetch api 或 Retrofit 用于反应原生.? 我的fetch api代码如下 fetch('https://example ..
发布时间:2022-01-15 22:07:49 其他开发

Service Worker 可以响应同步的 XHR 请求吗?

我想使用 Service Worker 来增强现有网站.特别是,我想通过让 Service Worker 在实际资源不可用时使用占位符资源响应请求来添加更好的离线支持.这种方法一直有效,但我遇到了障碍.站点中有几个地方使用 同步 XHR 请求来加载某些资源,而我的 Service Worker 在 Chrome 中没有接收到它们的事件.(请不要建议消除同步 XHR 请求.这是可取的,但超出了范围. ..
发布时间:2022-01-15 21:36:45 前端开发

在 chrome 开发工具中隐藏 401 console.error 在 fetch() 调用中得到 401

我有一些代码用于进行 fetch 调用.这利用了现代 chrome/firefox 中内置的 window.fetch api. 代码有时会遇到 401:unauthorized 响应.这是正常的,我希望它被忽略,我可以通过代码流来做到这一点.但是,当我尝试运行 Chrome 时,它​​会显示难看的 console.error 消息. 如何以编程方式防止此控制台错误显示在所有机器的开发 ..
发布时间:2022-01-15 21:18:26 前端开发

获取 API 与 XMLHttpRequest

我知道 Fetch API 使用 Promise 并且它们都允许您向服务器发出 AJAX 请求. 我了解到 Fetch API 有一些额外的功能,这些功能在 XMLHttpRequest 中不可用(在 Fetch API polyfill 中,因为它基于 XHR). Fetch API 有哪些额外功能? 解决方案 有些事情你可以用 fetch 而不是 XHR: 您可以将缓 ..
发布时间:2022-01-15 21:17:10 前端开发

为什么这个 CORS 请求只在 Firefox 中失败?

我正在使用凭据和预检请求实现 CORS,我有点困惑为什么预检请求在 Firefox 30 中始终失败但在 Safari (7.0.2) 和 Chrome 35 中有效.我认为这个问题与"为什么预检选项经过身份验证的 CORS 请求的请求在 Chrome 中有效,但在 Firefox 中无效?"因为我没有收到 401,而是来自浏览器客户端的特定于 CORS 的消息: “跨源请求被阻止:同源策略 ..
发布时间:2022-01-15 19:54:31 其他开发