fetch-api 相关问题

TanStack useQuery函数中的AbortSignal在什么情况下未定义？

TanStack React Query 的文档 (https://tanstack.com/query/v4/docs/react/guides/query-cancellation) 解释了 queryFn 属性如何接收具有 signal 属性的对象，该对象...

故障排除错误：无法读取未定义的属性（读取“数据”） - 如何在堆栈实现中处理未定义的数据？

在映射从 API 获取响应表单时出现错误“无法读取未定义的属性（读取‘数据’）”。 尝试使用“?”来解决检查和避免空值的问题 例如：- 在映射从 API 获取响应表单时出现错误“无法读取未定义的属性（读取“数据”）”。 尝试使用'?'来解决检查和避免null的问题 例如：- <div className="products-container"> {!innerPage && <div className="heading"> {title} </div>} <div className="products"> {products?.data?.map((item) => ( <Product key={item.id} id={item.id} data={item.attributes} /> ))} </div> </div> 解决了此特定“产品”组件的问题，但在传递其他“产品”组件的“数据”属性时，再次出现相同的“无法读取未定义的属性（读取“数据”）” 获取过程：- api.js:- import axios from 'axios'; const params = { headers: { Authorization: "bearer " + process.env.REACT_APP_STRIPE_APP_KEY, }, }; export const fetchData = async (url) => { try { const { data } = await axios.get(process.env.REACT_APP_URL + url, params); return data; } catch (error) { console.log(error); return error; } } context.js：- import { createContext, useState } from "react"; export const Context = createContext(); const AppContext = ({ children }) => { const [categories, setCategories] = useState(); const [products, setProducts] = useState(); return ( <> <Context.Provider value={{ categories, setCategories, products, setProducts, }}> {children} </Context.Provider> </> ) } home.js：- import { fetchData } from "../../utils/api"; import { Context } from "../../utils/Context"; const Home = () => { const { categories, setCategories, products, setProducts, } = useContext(Context); useEffect(() => { getProducts(); getCategories(); }, []) const getCategories = () => { fetchData("/api/categories?populate=*").then((res) => { console.log(res) setCategories(res) } ); } const getProducts = () => { fetchData("/api/products?populate=*").then((res) => { console.log(res) setProducts(res) } ); } return ( <div> <Banner /> <div className="main"> <div className="layout"> <Category categories={categories} /> <Products products={products} title="Popular Products" /> </div> </div> </div> ); }; 产品.js：- const Products = ({ innerPage, title, products }) => { return ( <div className="products-container"> {!innerPage && <div className="heading"> {title} </div>} <div className="products"> {products?.data?.map((item) => ( <Product key={item.id} id={item.id} data={item.attributes} /> ))} </div> </div> ); }; 产品.js：- const Product = (id, data) => { return ( <div className="product-card"> <div className="thumbnail"> <img src={process.env.REACT_APP_URL + data.img.data[0].attributes.url} alt="product" /> </div> <div className="details"> <span className="name">{data.title}</span> <span className="price">&#8377;{data.price}</span> </div> </div> ); }; 您没有在 Product.js 组件中正确接收道具。它们应该被解构并且不能像函数参数一样被访问。 选项1： const Product = ({id, data}) => { return ( <div className="product-card"> .... </div> ); }; 选项2： const Product = (props) => { const {id, data} = props; // or use props.id and props.data return ( <div className="product-card"> .... </div> ); };

“响应 Cookie”中收到 HttpOnly cookie，但不会复制到浏览器 Cookie 中

这是一个开发环境。我从 https://localhost:5001 运行后端 API (dotnet)，从 http://localhost:3000 运行前端 (nextjs/react)。登录请求发送到后端，它

将 jason 文件中的数据分配给 fetch() 之外的数组，以便使用用户输入来过滤 jason 文件数据[重复]

我有一个 json 文件，其结构如下所示： {“X”：[ { “ID”：“2”， "Titolo":"2-bando internazionalizzazione Marche - 第一学期

每 3 秒将 console.log 结果存储到数组中

我试图每秒仅从币安获取比特币的价格并将结果存储在数组中。我有以下代码，每次我想要最后的价格时都必须刷新页面。我...

无法在JavaScript中访问cookie，document.cookie为空

我正在做一个带有cookie授权的项目。带有用户名的访问令牌正在由服务器发送到 js 客户端，并且在浏览器的网络监视器中我可以看到通过请求发送的 cookie...

在 JavaScript 中获取 API #403

我想修复下面的错误，所以我使用了proxyUrl，我解决了，但又出现了另一个错误。 访问 'https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json' 获取（重定向

“http://localhost:3000”已被 CORS 阻止

我一直在尝试将我的react .js 文件连接到后端。我在 API Gateway 中有一个 API，我创建了一个方法并启用了 CORS 并授予其访问权限 method.response.header.Access-Control-Allow-Hea...

如何暂停 javascript 代码执行，直到 fetch() 实际获取文件

假设页面上的标准进程从这样的窗口加载事件开始， window.addEventListener("load",function(){ doTheseFirst(); }, { Once: true }); 功能

如何像 cURL 一样通过 javascript fetch-api 在 Cloudflare Worker 中使用代理？

我尝试通过对代理服务器的 GET 请求在 Cloudflare Worker 中使用代理。该请求在 cURL 中有效，但在 Worker 中无效。 在过去的几天里，我一直在尝试建立一个网络

通过 Express / fetch 发布数据

我尝试在客户端使用 fetch() 并在服务器端使用 Express 将数据发送到 Web 服务器。 客户端代码 让 formData = new FormData(); formData.append("密钥", MY_API_KEY); formData.append(&...

我需要创建代理服务器来防止 CORS 错误吗？

我正在构建一个简单的 React 应用程序，想要显示指定城市的 TripAdvisor 照片。 TripAdvisor 有一个 API 可以执行此操作，当我通过 Postman 发出请求时，没有问题。我得到数据了

为什么 fetchmock 恢复会给出无与伦比的获取？

我已经根据已经定义的测试用例编写了逻辑。基本上，下面的 tc 检查一个服务器调用就是代码。如何修改我的逻辑以使 tc 通过？ 这是测试用例： 它（'有...

“无 CORS 安全列表请求标头”和“CORS 安全列表请求标头”有什么区别？

我阅读了规范，它们之间似乎没有区别。为什么前面要加“不”呢？ 非 CORS 安全列表请求标头名称是字节大小写的标头名称 -

从 FastAPI 后端第二次渲染 React 应用程序时发生 CORS 策略错误

我正在开发一个 React 前端来绘制来自 fastapi 后端的一些数据。我正在使用几个下拉组件来更改请求数据的月份和年份。初始渲染...

useCallback 在按钮单击时获取数据

我有一个场景，我要在单击按钮时获取数据并将其存储在上下文变量中。请检查下面的代码： const [产品，setProducts] = useState([]); 常量handleButtonClick=

Nuxt3 通过 server/api/someCall 调用远程 api 时捕获错误

在我的第一个 Nuxt3 应用程序中，我尝试在 server/api 文件夹中设置外部 API 请求。 通过以下配置，如果请求成功，一切都很好。然而，我正在挣扎......

是否有标准方法来处理跨浏览器的网络错误和阻止的请求？

根据获取规范 https://fetch.spec.whatwg.org/#concept-network-error 网络错误响应的状态应为 0。但是对于这些错误情况，我们看到浏览器实现了该功能...

尝试在 React Web 应用程序中请求访问令牌时发生刷新无限循环

我只学习了几个月的前端开发。我写了一个模块： 使用 Spotify API 进行 GET 获取请求以获取访问令牌 解析生成的授权 url 的 acc...

当选项来自远程时（获取 API 调用），如何在 TomSelect 中预填充项目

我有一个带有 TomSelect 下拉列表的 PHP 应用程序，它允许我选择在网站上工作的人员。 由于此列表很大，我通过标准获取调用填写这些选项。 这是我的代码示例（