axios 相关问题

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

如何解决PayPal API集成中的AxiosError“connect ECONNREFUSED 127.0.0.1:XX”?

我正在尝试将 PayPal API 集成到我的 Node.js 应用程序中,但在使用 Axios 时遇到以下错误: AxiosError:连接ECONNREFUSED 127.0.0.1:XX 解释和

回答 1 投票 0

为什么会出现“类型‘void’上不存在属性‘数据’”错误?

我创建了一个发布函数来发布登录表单的电子邮件和密码数据。这里的问题是,当我尝试从响应的数据访问refresh_token和access_token时,以下...

回答 1 投票 0

在小型天气应用程序中使用 axios.get () 而不是 fetch() 时,我遇到了状态从未更新且应用程序未重新渲染的问题

我正在使用 React 开发一个小型天气应用程序作为练习,我的目标是更好地使用 Axios,因为它是我实习的公司所需的 HTTP 客户端,但我是

回答 2 投票 0

映射 id 数组并从外部 API 获取相关数据

我正在尝试映射 id 数组并从 React 中的外部 API 获取该 id 的相关数据。 这是我的代码: const getDetails = async () => { ids.map(async(id) => { 常量

回答 2 投票 0

在 React 应用程序中使用 AWS lambda 函数 url 获取数据时出现 axios 错误“ERR_NETWORK”

我正在通过 AWS lambda 函数 url 在“创建 React 应用程序”中发出如下所示的 get 请求,但收到下图所示的错误。当我在 p 中执行相同的请求时...

回答 1 投票 0

Laravel Breeze api 和 sainttum CSRF Token cookie 的问题

我正在尝试学习react,我已经做过laravel,所以我面临的问题是我正在尝试从我的前端react应用程序登录,问题(因为我已经调试了其中的大部分)是在laravel中。

回答 1 投票 0

单击按钮进行 API 调用并显示响应

我有一个对象数组,我正在处理我想要的响应,单击“阅读更多”按钮它将进行 API 调用并显示响应结果,而“阅读更多”按钮不应显示...

回答 1 投票 0

收到 404 错误 AxiosError {message: '请求失败,状态代码 404'

我尝试运行我的前端和服务器端应用程序,但当我尝试更新我的狗配置文件时出现此错误 PUT http://localhost:8080/dog-profile/dogprofile 404(未找到) 调度XhrRequest@...

回答 1 投票 0

为什么 Laravel 在 API 请求时返回 BadMethodCallException?

我无法让我的 Axios api 调用正常工作。它们已连接,但我不断收到错误的方法调用异常。 阿克西奥斯 axios.get('/api/test') .then(响应=> { 常量数据=响应.da...

回答 1 投票 0

使用 React 前端将 Multipart 文件发送到 Spring Boot 后端时如何解决 415 响应

我正在使用带有 Spring Boot 后端和 axios 的 React 前端。我正在尝试使用 axios 将图像作为多部分文件发送。这是我在 React 组件中发送文件的函数: 常量 [

回答 1 投票 0

在react中将日期字段发送到服务器时发生错误

我正在使用 React 将日期发送到服务器,但出现错误 {message: '日期格式无效。日期格式应为 YYYY-MM-DD。', field: 'from'} 我完全确定数据是有效的并且在这里......

回答 1 投票 0

AxiosError,axios.post在控制台没有返回数据

我代码中的axios post方法无法正常运行,导致控制台出现ERR_BAD_REQUEST错误。我不确定问题出在哪里。我正在关注的教程中,编码员说...

回答 1 投票 0

如何在 Next.js 应用程序中正确调用 API

我一直在尝试了解从 Next.js 应用程序调用外部 API 的正确方法是什么,因为我习惯于开发 MERN 堆栈应用程序,我通常使用 axios 进行 API 调用并使用...

回答 1 投票 0

auth 提供者中的 makeUseAxios 和 http 基本身份验证

我定义了我的 axios 钩子 const axiosInstance = axios.create({baseURL: baseURL}) 导出 const useAxios = makeUseAxios({axios: axiosInstance}) 我定义身份验证提供者 导出 const AuthProvider = ({chi...

回答 1 投票 0

在生成器函数中使用yield时,Typescript不会推断promise类型

我正在使用 Axios 来处理一些 API 获取,并且我在生成器中执行该调用; async/await 不是这个特定项目的选项。由于某种原因,尽管 axios 正在变得......

回答 1 投票 0

Axios 代理配置导致错误请求

我正在尝试从 NodeJS 应用程序向粒子云发送请求。 我正在使用 Axios 发出 PUT 请求。应用程序通过配置的代理服务器发送请求...

回答 1 投票 0

axios不是函数错误,如何解决?

我正在尝试解决这个问题但失败了。请帮我: 我尝试使用“npm install axios”重新安装,但没有成功。 将 axios 版本更改为 1.1.2(以某种方式返回到 1.6.7) ...

回答 2 投票 0

axios.get().then()内的setState()不会导致重新渲染(React/Axios/Antd)

我正在编写一个 React 组件,它为 Ant Design 获取数据以进行渲染。除了刷新按钮和组件加载时的一次性数据获取之外,我还有一列关于... 我正在编写一个 React 组件,它为 Ant Design <Table/> 获取数据以进行渲染。除了刷新按钮和组件加载时的一次性数据获取之外,我在 Ant Design <Table/> 上有一列,其中包含一个用于删除该按钮所在行的按钮。 <Table/>中显示的数据存储在称为data的状态变量中。为了更新由 (1) 初始页面加载、(2) 刷新按钮 onClick 和 (3) 删除按钮 onClick 触发的 data 请求;我正在使用一个 axios.get() 块,在其中调用 .then() 方法。setData 在初始加载和单击刷新按钮时正确更新,但对于删除按钮,它仅在首次加载组件时才起作用。但是,当我使用条件渲染切换到另一个组件(我使用 Ant Designs 的 data)并返回时,删除 <Menu/> 停止工作。 setData 仍在执行,我可以在检查器的“网络”选项卡上看到正在解析的 HTTP 请求。返回的有效负载也是正确的,删除的条目已被删除。澄清一下,这个 axios.get() 在它自己的 axios.get() 块中被调用,等待删除 API 调用的承诺。这是应该重新渲染的组件: .then() 这是在 import React, {useCallback, useEffect, useState} from "react"; import axios from "axios"; import {Table} from "antd"; import CreateButton from "../../../components/buttons/CreateButton"; import SearchButton from "../../../components/buttons/SearchButton"; import RefreshButton from "../../../components/buttons/RefreshButton"; import {actionRender} from "../../../utils/methods/actionRender"; function Content({viewName, endpoint, columns, handleCreate, submitted}) { const [spinner, setSpinner] = useState(false); const [data, setData] = useState([]); const [total, setTotal] = useState(0); const fetchRecords = useCallback((page) => { setSpinner(true); return axios .get(`/api/${endpoint}/?page=${page}`) .then((response) => { setData(response.data.results); setTotal(response.data.count); }) .then(() => setSpinner(false)); }, [endpoint]); useEffect(() => { void fetchRecords(1); }, [endpoint, fetchRecords, submitted]); useEffect(() => { if (columns[columns.length - 1].key !== 'action') { columns.push({ title: '', key: 'action', render: (_, record) => (actionRender(endpoint, record.id, () => void fetchRecords(1))) }); } }, [endpoint, columns, fetchRecords]); return ( <> <h2>{viewName}</h2> <div id="content-header"> <SearchButton/> <RefreshButton onClick={fetchRecords}/> <CreateButton handleCreate={handleCreate} disabled={endpoint === 'users'}/> </div> <Table dataSource={data} columns={columns} loading={spinner} rowKey="id" pagination={{ defaultCurrent: 1, pageSize: 11, total: total, onChange: fetchRecords }} /> </> ); } export default Content; 方法内渲染的 <DeleteButton/>:actionRender() 我可以看到 import React from "react"; import {Button} from "antd"; import {DeleteFilled} from "@ant-design/icons"; import {deleteRecord} from "../../api/delete"; function DeleteButton({endpoint, id, refresh}) { return ( <Button type="link" icon={<DeleteFilled/>} danger onClick={() => { deleteRecord(endpoint, id) .then(refresh) }} /> ) } export default DeleteButton; 可以正常工作以进行初始加载和刷新按钮触发。我还可以看到,在发送 DELETE 请求后,fetchRecords() 正在获取正确更新的数据负载。但是,与其他两个触发器不同的是,尽管新获取了不同的数据,但删除不会导致组件重新渲染。我认为唯一的原因可能是 axios.get() 没有使用新获取的有效负载正确更新 setData,但我不知道为什么。 我用老式的JS解决了这个问题。如果刷新按钮有效,但删除无效,那么我自己点击刷新。 data

回答 1 投票 0

Axios 错误:请求失败,错误代码为 500

https://github.com/Elliott-Chong/chatpdf-yt/issues/43 这是该问题的 github 链接。 在此输入图像描述 我尝试过调试,最终发现错误出现在代码中 突变Fn:...

回答 1 投票 0

为什么axios.get(URL)返回不一致?

我无法理解为什么 axios.get(...url...) 请求并不总是向前端返回结果。 代码不能一致工作(每隔一个请求返回一个结果......

回答 1 投票 0

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