Axios是来自浏览器和服务器的http请求的npm库。
Laravel Vue axios 端点获取数据并在控制台日志中显示,但不在 Vue 模板中
我有一个 laravel 8 项目,最近从版本 7 升级。我更新了 webpack 和 package.json 等。 这是我的 Vue 模板的准系统结构,它应该显示文档...
我正在尝试在 django 和 ReactJS TypeScript 中进行最终身份验证,但出现了类似 401 的错误,我在 3 周内就解决了这个问题,你能帮我吗? “”“”“&q...
我有一个 React 应用程序,我尝试使用 Axios 创建 POST 请求,但它似乎不起作用。奇怪的是我检查了我的后端路由并使用 Nodemon 对其进行了测试。一切都是
如何让Axios AbortController等待服务器响应?
我使用 axios 来处理我的 http 请求,并使用 AbortController 来中止它们。 我认为运行 conroller.abort() 会立即抛出错误,并且不会等待服务器响应,并且
有人可以帮我将这些 axios 请求转换为 fetch 请求吗?我在 axios 中传输令牌时遇到问题。我认为它可以在 fetch 中工作,但我在重写需求时遇到了麻烦...
我正在尝试将本地文件发送到 API。代码中没有错误,但远程服务器上的文件已损坏。我究竟做错了什么?该文件存在于我的目录中。这是一个 82 kb ...
我在使用 Axios 提交请求时遇到错误。 让 getConfig = { 标头:{'PTToken':'令牌'}, 参数:{ '过滤器 ID': `${id}` } } ...
如何在不使用try/catch的情况下处理Jest/Axios错误?
是否存在另一种方法如何在将 JS/TS 与 Axios 和 Jest 库一起使用时处理错误消息,以便获取请求失败的更多信息? 例如: const req = 等待 callApi(
仅在重新加载应用程序后才出现的 onClick 函数的结果(React.js)
我正在制作我的第一个 React 应用程序,一个待办事项列表。一切看起来都很好,我唯一的问题是删除和完成按钮只有在刷新页面后才起作用。嗯,实际上它们有效
React useEffect 使用 axios 获取数据后返回空数组
我试图从我创建的 api 中获取数据,但它总是返回一个空数组。 这是我的代码 const [订单,setOrders] = useState([]); const getOrders = async () => { 尝试 {
故障排除错误:无法读取未定义的属性(读取“数据”) - 如何在堆栈实现中处理未定义的数据?
在映射从 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> ); };
对象作为 React 子对象无效(找到:带有键 {id、firstName、lastName、userName、} 的对象)使用 Axios 从我的 api 获取数据时出现 React 错误
我正在尝试将 API 中的数据填充到我的反应表单中。当我 console.log 我的 get 语句时。我可以看到包含信息的数组,这意味着我的 get 正在获取信息。 。 现在我...
我尝试了数百次并使用 axios 代理但不起作用 谁能解释一下问题是什么? 我将删除一个简单的代码来解释问题 const axios = require('ax...
Ionic React Axios / fetch() 错误? (普通卷曲即可)
我的测试 CURL(获取)调用有效。 问题:我的 Ionic React 应用程序 iOS(使用 Axios 或 fetch())内的相同 URL(用于 CURL)给我一个错误。 --- 这是有效的 CURL 卷曲 -X 'GET' \ 'http...
我从后端代码发送状态代码 422,响应正文包含错误描述。我正在使用 axios post 来发布请求: 帖子:函数(url,reqBody){...
使用 Axios 从 React Native 图像选择器上传图像数据
我从react-native-image-picker检索到数据,其中包括各种属性,例如文件名、文件大小、高度、宽度、类型、uri等。我的目标是上传这些数据作为我...
我最近开始学习 NestJS,因为它似乎是一个很棒的框架,可以帮助构建我的项目的后端。我需要学习但很难找到的是一种从...
我正在使用 Axios ("axios": "^0.19.0") 向我的后端发出 GET 请求,该请求的工作原理与我已经通过 Postman macOS 应用程序发送相同令牌进行测试一样,并返回正确的用户目的。 ...
所以,我必须在我用React编写的项目中添加一个产品到购物篮中。但是当我在标头中发送访问令牌时,我收到 401 错误。登录时,我将令牌存储在本地,并且我有
我有一个通过axios加载用户信息的组件: const [isEditingFirstName, setIsEditingFirstName] = useState(false); const [firstName, setFirstName] = useState(''); const [正在编辑La...