axios 相关问题

Axios是来自浏览器和服务器的http请求的npm库。

Axios 错误:无法获取本地颁发者证书

我在使用 Axios 提交请求时遇到错误。 让 getConfig = { 标头:{'PTToken':'令牌'}, 参数:{ '过滤器 ID': `${id}` } } ...

回答 1 投票 0

如何在不使用try/catch的情况下处理Jest/Axios错误?

是否存在另一种方法如何在将 JS/TS 与 Axios 和 Jest 库一起使用时处理错误消息,以便获取请求失败的更多信息? 例如: const req = 等待 callApi(

回答 1 投票 0

仅在重新加载应用程序后才出现的 onClick 函数的结果(React.js)

我正在制作我的第一个 React 应用程序,一个待办事项列表。一切看起来都很好,我唯一的问题是删除和完成按钮只有在刷新页面后才起作用。嗯,实际上它们有效

回答 1 投票 0

React useEffect 使用 axios 获取数据后返回空数组

我试图从我创建的 api 中获取数据,但它总是返回一个空数组。 这是我的代码 const [订单,setOrders] = useState([]); const getOrders = async () => { 尝试 {

回答 3 投票 0

故障排除错误:无法读取未定义的属性(读取“数据”) - 如何在堆栈实现中处理未定义的数据?

在映射从 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> ); };

回答 1 投票 0

对象作为 React 子对象无效(找到:带有键 {id、firstName、lastName、userName、} 的对象)使用 Axios 从我的 api 获取数据时出现 React 错误

我正在尝试将 API 中的数据填充到我的反应表单中。当我 console.log 我的 get 语句时。我可以看到包含信息的数组,这意味着我的 get 正在获取信息。 。 现在我...

回答 1 投票 0

无法使用axios代理

我尝试了数百次并使用 axios 代理但不起作用 谁能解释一下问题是什么? 我将删除一个简单的代码来解释问题 const axios = require('ax...

回答 1 投票 0

Ionic React Axios / fetch() 错误? (普通卷曲即可)

我的测试 CURL(获取)调用有效。 问题:我的 Ionic React 应用程序 iOS(使用 Axios 或 fetch())内的相同 URL(用于 CURL)给我一个错误。 --- 这是有效的 CURL 卷曲 -X 'GET' \ 'http...

回答 1 投票 0

使用 axios post 捕获错误体

我从后端代码发送状态代码 422,响应正文包含错误描述。我正在使用 axios post 来发布请求: 帖子:函数(url,reqBody){...

回答 8 投票 0

使用 Axios 从 React Native 图像选择器上传图像数据

我从react-native-image-picker检索到数据,其中包括各种属性,例如文件名、文件大小、高度、宽度、类型、uri等。我的目标是上传这些数据作为我...

回答 3 投票 0

如何使用NestJS从3rd-party API获取数据

我最近开始学习 NestJS,因为它似乎是一个很棒的框架,可以帮助构建我的项目的后端。我需要学习但很难找到的是一种从...

回答 2 投票 0

Axios 正在以某种方式缓存我的获取用户请求以本机反应

我正在使用 Axios ("axios": "^0.19.0") 向我的后端发出 GET 请求,该请求的工作原理与我已经通过 Postman macOS 应用程序发送相同令牌进行测试一样,并返回正确的用户目的。 ...

回答 3 投票 0

react项目中axios post方法出现401错误

所以,我必须在我用React编写的项目中添加一个产品到购物篮中。但是当我在标头中发送访问令牌时,我收到 401 错误。登录时,我将令牌存储在本地,并且我有

回答 1 投票 0

组件内的组件无法获取值

我有一个通过axios加载用户信息的组件: const [isEditingFirstName, setIsEditingFirstName] = useState(false); const [firstName, setFirstName] = useState(''); const [正在编辑La...

回答 1 投票 0

在Next Js中创建表

我有一个在控制台显示用户及其元数据的请求。我怎样才能让它出现在网站上的表格中(in return()) 这是我的代码: const apiKey = process.env.CLERK_SECRET_KEY...

回答 1 投票 0

创建 Axios 实例并从 AsyncStorage 获取令牌

在我的 React Native 应用程序中,我想创建一个 Axios 实例,以使用从 AsyncStorage 获取的令牌将标头发送到后端。然而,下面的 Token() 总是返回一个对象( Promise )......

回答 3 投票 0

完善,自定义登录页面,使用用户 ID 代替电子邮件

我们创建了一个refine项目,我们想将它与我们的oauth2服务连接,我们的身份验证提供程序具有userId:密码逻辑而不是电子邮件:密码组合,我们尝试自定义AuthPage,但它...

回答 1 投票 0

Axios post 请求从客户端失败

我正在从客户端向服务器端发送 axios 请求,但失败了。 axios.post(`https://cric360-api.vercel.app/`) .then(res => { 控制台.log(...

回答 1 投票 0

axios TypeScript 混乱 - 如何正确访问响应标头?

如何正确使用axios提供的TypeScript类型来处理错误并获取响应头? 如果出现 429(请求太多),我的后端会发送一个标头“retry-after”,我...

回答 2 投票 0

如何避免 websocket 客户端 Javascript 内的 HTTP 请求速率限制?

我想在监听websocket服务器时避免HTTP请求速率限制(每秒不超过一个请求),但是下面的代码不起作用,因为await是非阻塞的: 导入 WebSocket...

回答 1 投票 0

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