Fetch API https://fetch.spec.whatwg.org是XHR的改进替代品,用于制作异步HTTP请求,同时更好地管理重定向以及与CORS和服务工作者的交互。
(未捕获的承诺)在 POST 不同的 json 内容时无法获取
我正在尝试通过 POST json {pageNumber,UsersPerPage},使用 fetch API 从 node.js 服务器获取用户列表。为此,我有两个按钮,每个按钮将自己的文本内容发布为
我正在 Angular 10 中开发一个 Web 应用程序,其工作原理如下: 我正在处理 CORS 问题。我无权向我正在获取的服务器添加代码。 我希望能够: 获取网站...
尽管有 Access-Control-Allow-Origin 标头,为什么我在获取 JavaScript 文件时会遇到 CORS 问题?
我正在尝试使用以下代码从另一个域获取 JavaScript 文件: const r = 等待 fetch('https://example.com/js/chunk-99EP6AU.js'); 控制台.log({ r }); 响应有一种类型...
API调用显示没有功能的内容,但没有功能则有效。反应/nextJS
为什么当我使用 getData() 时它显示为空,但当我在没有它的情况下获取时却可以工作? //“使用客户端”; 导出默认异步函数 Home() { 异步函数 getData() { 常量资源=...
如何检查同一请求的网络错误类型? 我的nodejs代码: 尝试 { const response=await fetch("https://app.local") } 捕获(错误){ 控制台.log(错误); } 我在控制台上得到: 输入...
即使我在服务器上设置了 CORS,为什么我的 JavaScript fetch API 调用仍会返回 CORS 错误?
我正在开发一个 Web 应用程序,我需要从托管在不同域上的 API 获取数据。我在 JavaScript 代码中使用 fetch API,但不断收到 cors 错误。这是我的客户-
Angular HttpClient 观察者总是抛出 401
我的 HttpClient 有问题。当我尝试从前端发送 POST 请求时,我总是收到 401 未经授权的错误;它甚至没有到达终点。我尝试进入隐身模式...
我正在尝试使用 fetchAPI 从 React 应用程序下载 PDF,如下所示: const testApiURL = "http://localhost:5288/api/files/download/?fileUrl=location/500-KB.pdf"; 函数 clickHandle()...
如何使用 NextJS 14 使用服务器将文件上传到外部 API
[注意]:我需要使用服务器页面,否则我会在 axios 中使用“客户端”组件。 我正在尝试将文件上传到我的外部快递服务器。无论如何,当
使用 POST 的 Javascript Fetch 始终返回状态 400
只需遵循 ChatGTP 和 Google 中的所有示例,但我第一次使用带有 POST 的 javascript fetch 总是返回 400。(我使用 GET 进行 fetch 工作正常,所以我不明白为什么 POST fa...
我正在做 console.log(“导航”); var rsp = 等待 fetch(params.url, { 凭据:“包含”,重定向:“手动”,模式:“cors” }); console.log(rsp);...
我正在从 Javascript 发送数据,如下所示: 让有效负载= { cmd: document.getElementById('cmdInput').value } console.log('正在发送有效负载',有效负载) ...
如何在 JavaScript 中访问 Promise 的值? [重复]
我正在使用公共 API 来获取数据。这是回报的承诺。 我想访问承诺的结果意味着其返回的数据或信息。 我的代码是: const getWeather=async ()=>{ ...
为什么我的 PHP 文件在 HTML 文件中使用 fetch 时返回 404 错误?
我正在开发一个 Web 项目,我需要使用 fetch 将数据从 HTML 文件发送到 PHP 文件。我的项目结构如下: 足球经理-分析/ ├── 模板/ │ └──index.html ...
有没有办法平衡 webrtc 视频和 http 获取请求之间的客户端带宽?
我有一个 web-rtc 视频通话应用程序,可以在 4g 以上的高品质下正常工作,但是,如果我同时通过 fetch api 上传数据,则 web-rtc 视频的质量会通过
使用 npm run script 将数据种子到 api 中
如何使用type script批量发送API调用体? 我有大量的数字,但我的 api 调用无法处理全部。我需要将正文批量发送到 POST 调用 这是我的代码 合作...
使用 npm run script 将数据种子到 mysql
如何使用type script批量发送API调用体? 我有大量的数字,但我的 api 调用无法处理全部。我需要将正文批量发送到 POST 调用 这是我的代码 合作...
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">₹{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)。登录请求发送到后端,它