fetch-api相关内容

Slack 传入 webhook:预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 Content-type

我尝试通过浏览器中的 fetch API 发布一条松弛消息: fetch('https://hooks.slack.com/services/xxx/xxx/xx', {方法:'发布',标题:{'接受':'应用程序/json,文本/纯文本,*/*',“内容类型":“应用程序/json"},正文: JSON.stringify({text: '你好'})}).then(response => co ..
发布时间:2022-01-15 19:30:02 前端开发

fetch() 输入意外结束

我正在使用 fetch() 从 api 服务器获取数据.我的错误如下所示: Uncaught (in promise) SyntaxError: Unexpected end of input at获取.then.blob. 你能告诉我我做错了什么吗? const weatherAPi ='https://www.metaweather.com/api/location/523920';获取 ..
发布时间:2022-01-15 19:15:52 前端开发

什么是不透明响应,它的用途是什么?

我尝试fetch旧网站的网址,出现错误: Fetch API 无法加载 http://xyz.请求的资源上不存在“Access-Control-Allow-Origin"标头.因此,不允许访问 Origin 'http://abc'.如果不透明的响应满足您的需求,请将请求的模式设置为“no-cors"获取禁用 CORS 的资源. 我理解了消息,并尝试执行返回不透明响应的请求: fetch(" ..
发布时间:2022-01-15 19:03:30 其他开发

哪些限制适用于不透明响应?

不透明响应被定义为 Fetch API,并表示在 CORS 未启用. 关于如何使用不透明响应(来自 JavaScript 和作为页面上的资源)存在哪些实际限制和“陷阱"? 解决方案 访问不透明响应的标题/正文 不透明响应最直接的限制是您无法从大多数 Response 类的属性,例如 headers,或调用各种方法Body 接口,如 json() 或 text().这符合不透明响 ..
发布时间:2022-01-15 19:01:17 前端开发

5xx 或 4xx 错误,“不存在 'Access-Control-Allow-Origin' 标头"

我的浏览器正在 devtools 控制台中记录以下消息: 请求的资源上不存在“Access-Control-Allow-Origin"标头....响应的 HTTP 状态代码为 503. 背景:我有两个应用程序.一个是连接到 Mongo 数据库的 Express Node 应用程序.另一个是基本的 Web 应用程序,它通过 Fetch API 向 Node 应用程序发出 POST 请求, ..
发布时间:2022-01-15 19:00:25 前端开发

将模式设置为“no-cors"时使用 fetch 访问 API 时出错

当尝试使用 JS 解决获取承诺时,根据 这个答案.但是将模式设置为 'cors' 会导致: 访问获取'{端点}'来自原产地“http://localhost:3000"已被 CORS 政策阻止:请求中不存在“Access-Control-Allow-Origin"标头资源.如果不透明的响应满足您的需求,请设置请求的模式为“no-cors"以获取禁用 CORS 的资源. 所以我在我的函数 ..
发布时间:2022-01-15 18:58:50 前端开发

尝试从 REST API 获取数据时,请求的资源上不存在“Access-Control-Allow-Origin"标头

我正在尝试从 HP Alm 的 REST API 中获取一些数据.它适用于一个小的 curl 脚本 - 我得到了我的数据. 现在使用 JavaScript、fetch 和 ES6(或多或少)似乎是一个更大的问题.我不断收到此错误消息: Fetch API 无法加载.对预检请求的响应不通过访问控制检查:没有“Access-Control-Allow-Origin"标头出现在请求的资源上. ..
发布时间:2022-01-15 18:55:14 前端开发

在 Javascript 中使用 Fetch API 上传文件并显示进度

我在 Javascript 中使用 Fetch API将大文件上传到服务器.Fetch API 中是否有任何事件可用于跟踪上传进度? 解决方案 这不可能.原因在于 Fetch API 的工作方式. fetch 方法返回一个 Promise;Promise API 使用 then 方法,您可以将“成功"和“失败"回调附加到该方法.因此,您可以获得进度. 不过,不要失去希望!有一种 ..
发布时间:2022-01-09 23:10:50 前端开发

改变什么来防止来自服务人员的双重请求?

请不要标记为重复.这与 SO 上的其他类似问题并不完全相同.它更具体且可完全重现. 克隆 this repo. 纱线&&纱线开发 转到 localhost:3000 并确保在 (F12)->Applications->Service Worker 下安装了 Service Worker. 转到网络选项卡并刷新几次(F5) 观察网络请求是如何翻倍的. 我看到的示例: 或者, ..

使用 getServerSideProps 获取内部 API?(Next.js)

我是 Next.js 的新手,我正在尝试了解建议的结构并处理页面或组件之间的数据. 例如,在我的页面 home.js 中,我获取了一个名为 /api/user.js 的内部 API,它从 MongoDB 返回一些用户数据.我通过使用 fetch() 从 getServerSideProps() 中调用 API 路由来做到这一点,该路由在一些计算后将各种道具传递到页面. 据我了解,这有利 ..

获取“类型错误:无法获取"当请求实际上没有失败时

我在我的 React 应用程序中使用 fetch API.该应用程序部署在服务器上并且运行良好.我测试了多次.但是,突然应用程序停止工作,我不知道为什么.问题是当我发送 get 请求时,我收到了来自服务器的有效响应,但 fetch API 正在捕获异常并显示 TypeError: failed to fetch.我什至没有对代码进行任何更改,这是所有 React 组件的问题. 我收到了有效回 ..
发布时间:2022-01-04 22:55:43 前端开发

React Native fetch API 无法禁用缓存

我正在使用与 redux 集成的 react native expo 构建 android 应用程序.使用 fetch 方法调用 API,但始终显示缓存的结果.服务器第二次没有收到请求.我尝试使用以下代码禁用缓存. export const mymails = (token) =>{返回获取(API_URL+'?random_number='+ new Date().getTime(), {方法 ..
发布时间:2021-12-29 11:44:29 其他开发