问题标签 [axios]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
11595 浏览

reactjs - axios没有返回值

我在 axios 中调用 API 方法,例如:

两个 console.log 都打印输出:

Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}

该 api 正在GET并且正在返回有效的 json 数据,我通过 POSTMAN 进行了检查,例如:

我跟着 :

http://codeheaven.io/how-to-use-axios-as-your-http-client/

我错过了什么?

0 投票
7 回答
99135 浏览

javascript - 如何使用 Redux/Axios 捕获和处理错误响应 422?

我有一个POST向服务器发出请求以更新用户密码的操作,但我无法处理链式 catch 块中的错误。

当我记录错误时,这就是我所看到的:

错误记录

当我检查网络选项卡时,我可以看到响应正文,但由于某种原因,我无法访问这些值!

网络选项卡

我是否在不知不觉中在某个地方犯了错误?因为我正在处理来自不同请求的其他错误,但似乎无法解决这个问题。

0 投票
2 回答
1228 浏览

javascript - React-Redux - 在异步数据到达之前传递道具

加载页面时,我在控制台中收到“未捕获的类型错误:无法读取 null 的属性‘数据’”错误。在构造函数中,我使用 redux-promise 使用 axios 调用数据的外部 api,然后将 props 传递给无状态组件(TranslationDetailBox)。数据到了,子组件很快就会收到props(页面看起来不错),但首先出现错误消息。

this.props.translation 在 api 调用之前是空的,并且渲染发生在使用外部数据更新状态之前。我相信这是问题所在,但我不知道如何解决它。

0 投票
2 回答
500 浏览

javascript - 在回调中访问变量

我在一个反应​​应用程序中并使用 axios 拨打电话:

在另一个文件中,我正在执行以下操作:

如上所示,我一直不确定。我基本上希望该变量在全球范围内可用。我查看了有关此站点上的回调的其他建议,但没有一个可以帮助我。

任何帮助,将不胜感激。

0 投票
1 回答
12954 浏览

npm - Axios 和 Webpack

我真的是 Webpack 的新手,我正在使用 axios 和一个 React 项目。我通过 npm 安装了 axios,然后在我想使用它时像这样导入它:

import axios from 'axios/dist/axios.min.js';

Webpack 负责其余的工作。这是“正确”的做法吗?

0 投票
1 回答
2623 浏览

javascript - React with Redux Axios get request error issue with laravel 5.2 api server

我正在使用 react with redux 和 axios 进行异步操作。以及用于后端的 laravel 5.2 api。React 在实际域中,而 api 在子域中。当我尝试向 api 调用异步获取请求时,我从网络获得 200 Ok 但在控制台上出现错误。

控制台日志:

XMLHttpRequest 无法加载 http://api.doublecurlybraces.me/api/test?api_token=inpm38XbI9Fof7CZv99VlfNQTjx02EjaL5V1B3########### 。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问来源“ http://doublecurlybraces.me ”。

#

动作代码

0 投票
2 回答
1678 浏览

express - 使用 Axios 从 React/Redux App 发送参数

我很难理解如何将参数放入 axios.post 请求中?到目前为止,关于我的应用程序的一些信息:

我有一个正在与 RethinkDB 实例对话的快速应用程序。我还有一个独立的 React/Redux 应用程序。我可以在我的动作创建者中成功地点击我的快速端点,axios.get并在 React 组件中显示该数据(用户)。但是,现在我正在尝试将参数发送到我的快递应用程序中的另一条路线,并让它将该用户保存在 rethinkdb 数据库中。我暂时不关心身份验证。我在 express 端正确设置了它,并且可以通过 curl 从 express 应用程序中将虚拟用户保存到数据库,但我不知道如何通过 react app/react 表单的请求发送所需的参数。请在下面找到一些相关代码。

从我的 Express App API 中,当手动点击成功时,它将测试用户保存到数据库中。

..以下是我的操作文件中单独的代码片段React and Redux App。老实说,我不确定要编写它并包含该user对象。

任何帮助将不胜感激。

0 投票
1 回答
468 浏览

javascript - axios 的几个 .then 承诺 - 如何组合它们?

假设我有一个axios函数包装器——应该在每个 ajax 查询上实现一些东西,所以我想保持代码干燥。像那样:

问题是,如果我将.then解析器添加到query(),则什么也没有发生!像那样:

从“./query.js”导入查询

如何添加另一个.then()功能query()

0 投票
2 回答
5810 浏览

javascript - 如何启用 CORS?断绝?Javascript?在哪里?

现在我正在 locahost:3333 上测试我的 reactjs 站点,在 localhost:54690 上测试我的 asp.net web api 2。

我正在为我的 ajax 使用axios,但是当我发出请求时,我得到了一个错误。

XMLHttpRequest 无法加载http://localhost:54690/api/Storage/Get。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问源“ http://localhost:3333 ”。响应的 HTTP 状态代码为 500。

我试图添加 Cors,但我猜我做得不对。我尝试了服务器端和客户端。

服务器端

Webapi 配置。

编辑

好像当我这样做时

[EnableCors(来源:“ ”,标题:“ ”,方法:“*”)]

有用。我什至不需要在我的 ajax 标题中添加任何内容。虽然这不是一个真正的灵魂,因为我不希望这发生在我猜的生产中?

还有我可以设置 cors 的全局函数吗?把它放在每个控制器上有点糟糕。

编辑 2

更多地查看来自@kormali_2 的链接我发现问题可能是因为我有“ http://locahost:3333/ ”它应该是“ http://locahost:3333 ”还有一个全局选项我可以使用.

0 投票
3 回答
23762 浏览

javascript - 从 Axios 返回 Promise?

我想知道如何从 Axios 返回一个承诺?我不确定是否需要使用拦截器?

我现在有这个代码

现在说我想更改 fetchStorage 以通过 ajax 做某事,我会喜欢

我如何返回承诺而不是在这里做?

编辑

只是为了澄清我为什么这样做,我有这样的事情