问题标签 [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.
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/
我错过了什么?
javascript - React-Redux - 在异步数据到达之前传递道具
加载页面时,我在控制台中收到“未捕获的类型错误:无法读取 null 的属性‘数据’”错误。在构造函数中,我使用 redux-promise 使用 axios 调用数据的外部 api,然后将 props 传递给无状态组件(TranslationDetailBox)。数据到了,子组件很快就会收到props(页面看起来不错),但首先出现错误消息。
this.props.translation 在 api 调用之前是空的,并且渲染发生在使用外部数据更新状态之前。我相信这是问题所在,但我不知道如何解决它。
javascript - 在回调中访问变量
我在一个反应应用程序中并使用 axios 拨打电话:
在另一个文件中,我正在执行以下操作:
如上所示,我一直不确定。我基本上希望该变量在全球范围内可用。我查看了有关此站点上的回调的其他建议,但没有一个可以帮助我。
任何帮助,将不胜感激。
npm - Axios 和 Webpack
我真的是 Webpack 的新手,我正在使用 axios 和一个 React 项目。我通过 npm 安装了 axios,然后在我想使用它时像这样导入它:
import axios from 'axios/dist/axios.min.js';
Webpack 负责其余的工作。这是“正确”的做法吗?
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 ”。
动作代码
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
对象。
任何帮助将不胜感激。
javascript - axios 的几个 .then 承诺 - 如何组合它们?
假设我有一个axios
函数包装器——应该在每个 ajax 查询上实现一些东西,所以我想保持代码干燥。像那样:
问题是,如果我将.then
解析器添加到query()
,则什么也没有发生!像那样:
从“./query.js”导入查询
如何添加另一个.then()
功能query()
?
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 ”还有一个全局选项我可以使用.
javascript - 从 Axios 返回 Promise?
我想知道如何从 Axios 返回一个承诺?我不确定是否需要使用拦截器?
我现在有这个代码
和
现在说我想更改 fetchStorage 以通过 ajax 做某事,我会喜欢
我如何返回承诺而不是在这里做?
编辑
只是为了澄清我为什么这样做,我有这样的事情