fetch-api 相关问题

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

异步常量调用忽略获取请求

我一直在试图弄清楚为什么异步获取请求在我的reactjs应用程序中被完全忽略。基本上,我正在调用Integrate(),如果它从其int生成成功的状态结果...

回答 1 投票 0

React Context 和 JavaScript Promises 的意外行为

我正在开发一个 React 应用程序,我使用 React 的 Context API 来管理全局状态。我有一个上下文提供程序,它使用 JavaScript 的本机获取函数从 API 获取数据,

回答 2 投票 0

第一次从API端点获取数据时返回空数组,之后返回包含真实信息的数组

我创建了 React Context,并在其中从 API 端点获取数据。问题是当它第一次获取数据时返回空数组,之后返回包含真实信息的数组。我用了useEf...

回答 1 投票 0

无法使用 fetch api ReactJS/nodeJS 显示我的消息

我想使用 fetch API 调用。 为了尝试它是否有效,我尝试显示一条消息。 在我的nodeJs服务器中我有: app.get('/api', (req, res) => { 发送({ 消息:“嗨” }) }) 在我的前端文件夹中,我...

回答 1 投票 0

Javascript fetch 异常导致死停

我有以下代码: 函数 makeid(长度) { var 结果 = ''; var字符='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; ...

回答 1 投票 0

如何在 JavaScript 中延迟获取请求而不使用 setTimeout 或 setInterval?

我正在开发一个 JavaScript 项目,我需要延迟获取请求。但是,由于一些项目限制,我无法使用setTimeout或setInterval。我知道这些是通常的方法...

回答 0 投票 0

从获取响应对象获取文本

我正在使用 fetch 进行 API 调用,一切正常,但在这个特定的实例中,我遇到了一个问题,因为 API 只是返回一个字符串,而不是一个对象。 通常,API 返回...

回答 3 投票 0

通过javascript中的搜索栏输入从端点查询并获取数据

此端点 http://vk-data:8003/v1/entity/ 返回以下内容: [ { “id”:“国家”, "url": "http://vk-data:8003/v1/entity/country", &...

回答 1 投票 0

如何通过fetch到node和express来发送和接收formData?

我正在尝试通过 fetch API 将 formData 发送到节点/express 应用程序,并使用该数据来更新数据库。我无法访问节点中的formData。如果有人能指出我在做什么

回答 1 投票 0

使用 vanilla Javascript 获取数据并在 html 中显示它

好吧,我正在尝试使用一个简单的 API 并循环遍历我收到的所有数据并将其显示在 html 上。我偶然发现了一些简单的事情,但我不知道我在哪里犯了错误。 当前...

回答 1 投票 0

使用 Formik 时出现“未捕获(承诺)类型错误:无法获取”

我正在学习如何使用Formik。我正在尝试访问通过 Postman 工作的后端,但我似乎无法使用 Formik 进行获取。 这是我的 onSubmit 的 App.js 代码: 我正在学习如何使用 Formik。我正在尝试访问通过 Postman 工作的后端,但我似乎无法使用 Formik 获取。 这是我的 onSubmit 的 App.js 代码: <Formik initialValues={{ ...initialState, }} validationSchema={formValidation} onSubmit={values => fetch('/api/client', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(values), }).then(res => res.json())}> 这是我的按钮组件代码: const ButtonWrapper = ({ children, ...otherProps }) => { const { submitForm } = useFormikContext(); const handleSubmit = () => { submitForm(); }; const configButton = { variant: 'contained', color: 'primary', fullWidth: true, onClick: handleSubmit }; return ( <Button {...configButton} > {children} </Button> ); }; export default ButtonWrapper; 不确定我做错了什么 TypeError: Failed to fetch表示网络请求不成功。尝试打开浏览器的开发人员工具并选择“网络”选项卡。查看 React 发出的请求是否与您在 Postman 中发出的请求相匹配。另请检查开发人员控制台选项卡,因为它应该记录导致请求失败的确切错误。 浏览器在网络请求中执行其他检查,其中之一是响应标头和 CORS 或跨源请求脚本。如果 Access-Control-Allow-Origin 响应标头与本地主机站点不匹配,那么您将收到此错误。

回答 1 投票 0

为每个 fetch() 请求设置默认标头

是否可以使用 fetch API 为每个请求设置默认标头? 我想要做的是只要 localStorage 中有 json Web 令牌就设置一个授权标头。我的本...

回答 6 投票 0

在添加 next-intl 后调用现有 Stripe 端点时,Fetch 返回“404 Not Found”

总结一下:我目前正在做一个react/next 电子商店,并使用stripe 来处理付款。 Stripe 提供可以在后端创建的结账会话,并会自动重定向您...

回答 1 投票 0

如何修复前端react + vite中的CORS错误?

所以我尝试从 API 获取数据,但无论我尝试什么,它都会显示 CORS 错误... 重要的是要知道它是一个外部 API,我无权访问服务器代码。上...

回答 2 投票 0

从 localhost:3000 到 127.0.0.1:5000 发出提取请求时出现 CORS 错误

我正在使用 Flask 后端和 React 前端开发一个聊天机器人。我的前端运行在 http://localhost:3000 上,后端 API 运行在 http://127.0.0.1:5000 上。当我通过

回答 1 投票 0

运行 Next.js 项目时出错:“TypeError: fetch failed”和“无法验证第一个证书”

我在尝试使用 npm run dev 运行 Next.js 项目时遇到错误。错误信息如下: 类型错误:获取失败 在节点:内部/deps/undici/undici:12618:11 在专业...

回答 1 投票 0

在浏览器窗口中显示 Fetch API 响应

我正在使用 Fetch API 来查询一些 Web 服务,因为我需要手动添加 X-Custom 标头。我发现的所有关于显示结果的示例都使用 console.log 进入 DevTools con...

回答 1 投票 0

Fetch Api - 如何将 PHP SESSION 数据发送到目标 PHP 文件?

我不明白为什么 Javascript Fetch API 顽固地拒绝保留我的 PHP 会话。这是一个最小的测试: 加载程序.php 我不明白为什么 Javascript Fetch API 顽固地拒绝保留我的 PHP 会话。这是一个最小的测试: loader.php <?php session_start(); $_SESSION['test'] = 'OK'; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> <p>Origin session id is <?php echo session_id() ?></p> <div id="target"></div> <script> fetch('data.php', { method: 'get', credentials: 'include' }).then(response => response.text()).then((data) => { document.getElementById('target').innerHTML = data; }).catch(function (error) { console.log(error); }); </script> </body> </html> 数据.php: <?php session_start(); echo '<p>Target session id is ' . session_id() . '</p>'; if (empty($_SESSION)) { echo '<p>session is empty</p>'; } else { echo implode('<br>', $_SESSION); } 结果: Origin session id is abe10f9c611066f6400b2ce3d0ee8f97 Target session id is a68e76bf1d5180d79d27a2bcfa3c462c session is empty 我发现了几个类似的问题/答案,但没有一个有帮助。 建议的解决方案是为凭据选项提供“include”或“same-site”,但它们都不起作用。 我知道我可以传递会话 ID,但如果可能的话希望避免它。 感谢您的帮助 服务器上是否启用了session.cookie_httponly?如果是这样,那么将阻止 javascript 调用使用 cookie(一般来说,PHP 会话往往由 cookie 支持)。在此设置的上下文中,http-only 意味着“http/https 允许;javascript/webassembly/... 拒绝”。 您可能可以通过 phpinfo(); 查看当前值。或在 php.net 上阅读更多相关信息。 我终于找到问题的根源了。发生这种情况是因为我不在 SSL 中(我在本地主机上)并从我的 .htaccess 发送了此标头: Header always edit Set-Cookie (.*) "$1; Secure" 我首先用 var_dump(session_get_cookie_params()); 检查了我的 cookie,它返回了 ["secure"]=> bool(false) 有用的知识: 在 PHP 中session_get_cookie_params()如果将 cookie 参数设置为 .htaccess,则会返回错误值 这是因为该函数正在读取 php.ini 值,而不是通过 .htaccess 发送的值

回答 2 投票 0

React 多端点获取数据并渲染结果

我正在做一个React.js项目。我正在从具有不同端点的 API 获取数据。我有一个组件,我通过其父级的 props 从该 API 的端点传递数据。另外,在那个com上...

回答 1 投票 0

Web API:S Fetch() 是并行还是异步?

我很难找到这个问题的答案。 当我们调用 fetch() 时,浏览器是打开一个新线程还是调用只是放入微队列中?

回答 1 投票 0

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