当我使用带有异步修饰符的await时，为什么axios不等待响应？
当使用带有异步修饰符的await时，axios不等待响应的原因可能是由于以下几个因素：
- 异步函数未正确定义：确保使用
async关键字正确定义了包含await的函数。只有在异步函数中才能使用await关键字等待异步操作的完成。 axios请求未返回Promise对象：await只能等待Promise对象的完成，如果axios请求没有返回一个Promise对象，await将无法等待其响应。确保axios请求返回的是一个Promise对象。- 异步操作未正确执行：
await只能等待异步操作的完成，如果异步操作没有正确执行，await将无法等待其响应。确保异步操作的执行没有出现错误，并且返回了正确的结果。 - 异步操作未正确处理：
await只能等待异步操作的完成，如果异步操作没有被正确处理，await将无法等待其响应。确保在异步操作之前使用try-catch语句捕获可能的异常，并在catch块中处理错误。
如果以上因素都已经排除，但axios仍然不等待响应，可能是由于axios本身的实现或配置问题。在这种情况下，可以尝试查阅axios的官方文档或社区支持，以获取更多关于异步操作和await的具体使用方法和配置选项。
腾讯云相关产品推荐：腾讯云云开发（Tencent Cloud CloudBase），它是一款支持云原生开发的全托管服务，提供了前后端一体化的开发框架和工具链，可快速构建云端应用。腾讯云云开发支持多种编程语言和开发框架，包括前端开发、后端开发、数据库、存储等，可满足各类应用场景的需求。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
我正在使用axios构建一个react应用程序。我将此函数称为useNames(allNames)，它传入一个名称数组，该数组将由Axios迭代。乍一看，它似乎可以工作，但当我console.log数据时，它看起来是这样的……
函数正在运行.....
useNames = async (allNames) => {
try {
const promisesArray = [];
await _.each((allNames), async (value) => {
const res
浏览 9提问于2019-11-05得票数 0
回答已采纳
1回答
我正在尝试捕获一个函数中两个服务调用的响应。我知道async和await可以解决这个问题，并在下面进行了尝试。在async函数中ex -我正在给用户打电话，公司端点和控制台日志显示完美，但同时通过调用async函数检索相同的值是Promise Pending。我尝试了两种选择: 1.通过简单地调用异步函数--给予Promise Pending 2.通过调用带有等待前缀的函数--给予等待是一个保留字。
请让我知道如何捕获此响应...
const service = {
getUsers: () => axios.get(`http://localhost:3000/users`
浏览 0提问于2017-10-27得票数 2
因此，我第一次使用的是承诺和异步/等待。据我的理解，异步生成函数是异步的，并允许在等待来自查询的响应时执行其他函数。给出了以下代码作为示例，并要求我们描述它执行的顺序：
const axios = require("axios");
const contributorCount = (repositories, contributorsList) => {
let repositoryContributorCount = [];
for (let i = 0; i < repositories.length; i++) {
repositoryCo
浏览 26提问于2022-10-25得票数 0
回答已采纳
我使用带有hapi服务器的axios调用外部API。当我调试时，我看到我的axios调用是以标准axios形式返回201状态的响应。尽管当我的hapi路由返回到客户端(浏览器)时，它会得到500个错误。我的axios响应如下：
{
data: '',
status: 201,
statusText: '',
headers: {
date: 'Mon, 25 Nov 2019 05:53:45 GMT',
location: 'my-external-app-url',
server: '
浏览 2提问于2019-11-25得票数 0
回答已采纳
我有一个方法调用如下：
let initialFormValues = fetchAgreement(queryStr.get("id"));
// Modify certain fields afterwards...
initialFormValues['test'] = 'abc';
该方法是一个带有await的Axios帖子，如下所示：
const fetchAgreement = async (id) => {
const url = '/api/agreements/fetchAgreementForm&#
浏览 2提问于2021-06-03得票数 0
回答已采纳
我试图通过使用AsyncStorage将令牌保存到AsyncStorage中，从而在项目中使用setItem()
使用令牌响应的操作
import axios from 'axios';
import {URL, Config} from '../../service/Api';
import AsyncStorage from '@react-native-async-storage/async-storage';
export const checkSmsToLoginUser = value => async disp
浏览 3提问于2021-07-26得票数 1
回答已采纳
我有一个函数，它调用一个异步函数来从一个API返回一个响应，我需要将它存储在一个数组中。但是，当我查看数组的内容时，它没有API中的数据内容。
function getDataArray()
{
var arr = [];
getData()
.then(res => arr = res);
return arr; //call goes here without completing the result of the async function
}
async function getData() {
try {
let
浏览 3提问于2020-11-13得票数 1
回答已采纳
假设下面有下面的代码，我将函数usersaApi.getUsersId调用为useEffect函数，是否必须使响应(因为它返回值，而不是承诺)成为异步函数？
const usersApi = {
getUserIds: async storyId => {
const result = await axios
.get(`${users + userId}.json`)
.then(({ data }) => data);
return result;
},
}
useEffect(() => {
const fet
浏览 1提问于2019-09-11得票数 0
回答已采纳
1回答
我使用axios来获取我的JSON文件en，用于在多个组件上使用获取的数据。问题是，在加载所有数据之前，我的页面将呈现。以下操作是因为我将呈现延迟了2秒，如果没有这个超时，就会导致错误。我想用正确的方法来做这件事，但我不知道该如何做。
STORE.JS
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
poss: null
},
getters: {
NAME: state => {
return state.name
},
浏览 1提问于2019-09-26得票数 1
1回答
我试图用axios从本地获取数据。但是fetch函数在另一个文件中。当我试图打印响应时，它会返回未定义的响应。
这是函数文件all_products.js
export default async function getAllProducts() {
await axios.get('http://10.0.2.2:3006/posts')
.then(response => {
const items = response.data;
return items;
})
.catch({});
}
这是我试图获取数
浏览 3提问于2022-07-28得票数 0
回答已采纳
因此，我正试图对承诺/等待/异步进行讨论。我不明白为什么go()在console.log(咖啡)之后执行带有"finished“的警告。为什么它只等待getCoffee()，而其他axios调用在所有函数都在使用等待/承诺时运行在“已完成”警报之后？
function getCoffee() {
return new Promise(resolve => {
setTimeout(() => resolve("☕"), 2000); // it takes 2 seconds to make coffee
});
}
async func
浏览 1提问于2019-05-15得票数 6
回答已采纳
我正在学习一个Vue教程，我不确定如何在没有使用await的then的情况下处理axios.get响应 <script>
// @ is an alias to /src
import axios from 'axios';
export default {
name: 'home',
components: {
},
data(){
return {
fecha: '',
maximo: new Date().toISOString().substr(0, 10),
浏览 13提问于2019-12-28得票数 2
回答已采纳
为什么在任何情况下都没有返回响应(缓存命中或丢失)？我也没有任何错误。我正在尝试建立一个简单的基于redis的项目。
import express from "express";
import axios from "axios";
let app = express();
import logger from "morgan";
import { createClient } from "redis";
const client = createClient();
await client.connect();
app.us
浏览 3提问于2022-02-20得票数 0
回答已采纳
2回答
要求：
我需要进行多个API调用，然后将结果输出到Reactive前端。我用的是反应钩而不是类。
对所采取步骤的解释：
在视图函数(Function_V)中，我使用一个按钮调用一个函数(称为Function_A，它充当服务函数)，将参数发送给该函数。Function_A使用Axios使用参数进行get调用，并返回所需的承诺和响应内容。我将Function_A返回的部分输出推到一个本地数组变量上(以便生成最终的响应对象)。从这个Axios调用中提取几个输出，对函数A的Axios调用中的另一个函数(Function_B)进行函数调用。这是另一个Axios调用，以获得所需的其余API响应。
我成功
浏览 8提问于2021-07-28得票数 0
回答已采纳
3回答
设想以下假设的、使用axios执行简单HTTP请求的函数的最小实现。正如文章中描述的那样，这使用了await/async。
const axios = require('axios')
exports.getStatus = async id => {
const resp = await axios.get(
`https://api.example.com/status/${id}`
)
return resp
}
这个承诺不是用await解决的吗？是否需要客户端使用如下所示的await？假设客户端在任何时候使用异步函数，在调用函数时也需要使用
浏览 3提问于2019-10-22得票数 2
回答已采纳
我试着这样做：-
state = {
profiles: [],
data: []
}
async componentDidMount() {
try {
// this commented code works. But I want to use axios api.
// const response = await fetch(`http://localhost:8080/all/profile`);
// const json = await response.json();
// this.setState({
浏览 2提问于2020-02-29得票数 0
回答已采纳
我试图弄清楚我是更喜欢.then().catch还是asyc/await，所以我一直在重写我的一些代码，看看我更喜欢哪种方式。问题是，我不确定在使用.then().catch和asyc/await时，代码的行为是否完全相同。例如，这里有两个代码片段：
axios.post('/createRoom', room)
.then((response) => {
this.createRoomWindow = false
this.servers[this.selectedServer].rooms
浏览 0提问于2020-08-11得票数 1
回答已采纳
3回答
我正在使用WDIO并定义一个客户报告器来与testrails api集成。我们的计划是使用axios在测试钩子中发出这些请求。
不幸的是，我无法让axios在请求时返回任何有效数据。在大多数情况下，当我们await一个响应时，线程完全停止执行，没有任何日志记录输出。如果我充分利用它，有时我可以让它返回一个未解决的承诺，但我所能做的任何事情都不能最终解决这个承诺。
此外，在我的任何尝试中，testrails都没有接收到请求(我也测试了其他一些urls，我相当确定问题不是在目的地)。
我已经确保网络访问和安全性不是考虑因素。我们也尝试过使用axios post和直截了当的axios()方法，但没有
浏览 31提问于2021-06-23得票数 0
当我使用async/await运算符时，我不确定为什么下面的函数返回一个promise？ getBase64 = async (url) => {
const response = await axios.get(url, {
responseType: 'arraybuffer'
})
const buffer = new Buffer.from(response.data,'binary').toString('base64')
return ('data:image/jpeg;base64,'
浏览 47提问于2019-09-26得票数 0
例如，每当我等待某件事时，编译器通知我包含的方法必须是异步的。为什么异步lamba没有这样看呢？如果ForEach隐藏了它，那么是否存在不返回Task对象和ForEach隐式异步无效的危险？
public void SaveSome()
{
Array.ForEach(Enumerable.Range(0,3).ToArray(), async x => await SaveRep());
}
浏览 5提问于2013-09-12得票数 10
回答已采纳
我想使用axios使用异步等待函数。
但是当我使用异步等待函数时，我会得到一个错误。
useEffect(async() => {
await axios
.get("https://cryptic-inlet-27003.herokuapp.com/products?size=6")
.then((data) => setItems(data.data));
}, []);
浏览 14提问于2022-05-11得票数 1
我试图理解异步等待的用法，我研究了很少的博客文章，现在我已经做了一个测试代码，但它的工作方式，我期待它的工作。
我有一个返回列表的方法：
private List<Employee> GetEmployees()
{
IList<Employee> list = new List<Employee>();
list.Add(new Employee() { Id = 1, Age = 20, Name = "Kavin" });
list.Add(new Employee() { Id = 2, Age = 30, Name = &#
浏览 2提问于2014-12-05得票数 6
回答已采纳
2回答
只是一个我无法解决的小问题。我使用的是Node v8.1.1，我尝试使用async/await，但它不起作用。我的代码片段如下所示：
const axios = require('axios');
const TOKEN = '...';
const httpClient = axios.create({
baseURL : 'https://myhost/api/',
headers : {
'Authorization': `Token ${TOKEN}`
}
});
try {
浏览 1提问于2017-06-14得票数 10
回答已采纳
2回答
我试图使用带有多个axios请求的useEffect。这是我的代码：
const [data, setData] = useState('');
const [popularCategories, setPopularCategories] = useState('');
useEffect(() => {
(async () => {
const result = await axios
.get("http://example.com/api/v1/api1")
浏览 3提问于2020-08-27得票数 1
我正在构建一个带有React和TypeScript的个人项目来学习诀窍，在下面的块上我遇到了一个奇怪的(对我来说)错误，在这里我使用Axios获取一些数据：
const fetchItem = async () => {
const response = await axios
.get("http://localhost:4000/items?id=2")
.catch(error => console.log(error));
console.log(response.data);
};
错误消息是Property 'data&#
浏览 1提问于2018-03-17得票数 3
回答已采纳
4回答
我在异步和等待生态系统方面是新手，但我知道它给出了同步编码的方式(尽管它是幕后的异步，只是用代码编写的方式)。
下面是我想以异步方式完成的代码。
const axios = require("axios");
async function getJSONAsync(){
// The await keyword saves us from having to write a .then() block.
let json = await axios.get('https://tutorialzine.com/misc/files/example.json'
浏览 1提问于2018-03-25得票数 5
回答已采纳
在阅读一些使用新javascript语法的异步/等待示例时，我发现了以下代码示例：
const axios = require('axios'); // promised based requests - like fetch()
function getCoffee() {
return new Promise(resolve => {
setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
});
}
async function g
浏览 3提问于2017-10-05得票数 0
回答已采纳
我正在通过这个dummyAssests数组进行映射，并希望基于名为newAssetArray的axios响应创建一个新的对象数组。但是当我console.log newAssetArray时，它只包含了一系列的承诺.
useEffect(() => {
let newAssetArray = dummyAssets.map(async function (asset) {
return await axios
.get(currrentPrice(asset.asset_id))
.then((response) => {
浏览 2提问于2021-11-19得票数 1
回答已采纳
3回答
await Promise.all(
endpoints.map((endpoint) =>
this.httpService.get(endpoint).pipe(
map((response) => {
return response.data['result'];
}),
),
),
).then(
axios.spread((...allData) => {
allData.forEach((res) =>
res.subscribe((res) =>
浏览 2提问于2022-03-09得票数 0
我在vue2上使用vue-recaptcha v3，当我记录recaptcha请求的响应数据时，它是一个带有令牌的完整的promise，当我通过postman和谷歌验证api测试它时，它成功了。但是我不知道如何解析这个promise并使用axios将令牌发送到Node后端，我的axios部分无法工作，并且我在后端得到了空的object {}。有人能帮上忙吗？ methods: {
loginFunction: function() {
this.$recaptchaLoaded();
const token = this.$recaptcha('login');
浏览 15提问于2021-04-01得票数 1
1回答
我在react中编写了一个axios请求--本地useEffect.The请求在后端是成功的，并且在terminal.But中返回一个正确的响应，useEffect钩子没有按照它工作，.It仍然以未定义的形式返回产品，并且不改变状态。如果一切正常，产品将包含产品变量。只有当我再次保存它，然后它显示产品时，它才能工作。我是不是漏掉了什么？提前谢谢!！
const [product, setProduct] = useState();
useEffect( () => {
getproductinfo()
if (props.editMode) {
浏览 2提问于2022-02-03得票数 1
2回答
我想根据初始API调用的响应使用axios进行API调用--异步函数可以这样做吗？ 我已经尝试了以下内容，使用await/promise： function get_user(value){
return axios.get( "https://apicall/" + value )
}
function get_user_posts(username){
return axios.get("https://apicall/" + username)
}
var UsersOutput = async function () {
const u
浏览 33提问于2019-06-15得票数 1
我有一个场景，可以用两种方式实现代码来生成axios请求。
第一条路
const data = {};
try {
if (searchArray.includes('address')) {
const address = await axios('./getAddress')
data.addresses = address.data;
}
if (searchArray.includes('email')) {
const email = await axios('./email'
浏览 0提问于2018-10-11得票数 3
回答已采纳
2回答
我通过API从axios中获取数据，但是当我呈现它的数据时，它会显示空白模板。如果我做错了，请告诉我。我用api响应粘贴我的代码。谢谢
console.log => response.data
Data Array [
Object {
"ID": 2466,
"ItemName": "WWE2K20"
}
]
我的组件
import React, { Component } from 'react';
import { Container, Header, Content, Card, CardItem
浏览 0提问于2019-11-07得票数 1
回答已采纳
1回答
对象键‘未定义’
、、、、
我正在获取一个来自API的对象，并在其中创建具有其他API响应的新对象，例如：
接口响应1：Obj: {a: 1, b: 2}
接口响应2：3
创建对象：Obj.c = 3
最终结果: Obj：{a: 1, b: 2, c: 3}
问题：
console.log(Obj) return Obj: {a: 1, b: 2, c: 3}
console.log(Obj.c) return undefined
当我试图在属性中的.map之后给出一个console.log时，我不能访问创建的属性，返回undefined。但是，当我在任何对象上提供console.log时，创建的属性都在那里。
我的代
浏览 0提问于2018-08-12得票数 4
回答已采纳
看来没有人在网上描述类似的问题，而且类似的解决方案对我没有用。我正在尝试刮网页，所以我为解析器创建了类，其中一个方法如下所示：
get chListUrl() {
return "http://www.teleman.pl/program-tv/stacje";
}
getChannels() {
var dict = {};
axios.get(this.chListUrl).then(function (response) {
var $ = cheerio.load(response.data);
浏览 0提问于2020-05-11得票数 0
回答已采纳
编辑:尝试了下面的建议，以及更多的东西，现在这是代码，我几乎只是让所有异步等待，而不是那时和捕获.
makeNextAccount();
console.log("Making :" + merchantsToCreate.length + " Accounts")
async function makeNextAccount(currentIndex) {
for (const item of merchantsToCreate) {
try{
let accId = "";
var creat
浏览 5提问于2020-08-20得票数 0
回答已采纳
我正在尝试从API中获取一些数据，并在我的应用程序上显示。因此，为了处理错误并获取数据，我使用了下面的代码。
async componentDidMount() {
let data = await fetch('https://demo61235421.mockable.io/getDfo')
.then((response) => response.json())
.then((responseJson) => {
this.setState({
totOrder : responseJson.totalOrders,
})
})
.catch
浏览 0提问于2018-08-25得票数 2
我有一个对链接数组的API调用，我想使用map函数来保存所有响应。
const allImages = list.map(async (imageLink) => {
const image = await axios.get(imageLink);
return image.data.primaryImage;
});
为什么allImages仍然是一系列的承诺，而不是一系列的响应？
浏览 5提问于2021-01-10得票数 1
回答已采纳
基本上，我正在创建一个带有CRUD操作的ToDo应用程序，但是，当我从mongodb发布或删除一个文档时，我希望我的钩子能够自动获取结果。我可以感觉到这是一个简单的修复，我尝试了一些奇怪的东西，包括useCallback，但似乎没有任何效果。这是我的钩子：
import { useCallback, useEffect, useState } from 'react';
import axios from 'axios';
export const useAPI = () => {
const backendURL = '<Insert
浏览 3提问于2022-08-18得票数 2
回答已采纳
1回答
我想在post请求之后执行一个函数。此函数使用创建的新动作自动更新我的状态。
我的服务：
export const getMovements = async () => {
try {
const res = await axios.get('http://localhost:4001/movements')
const { data } = res
return data
} catch (err) {
return console.log(err)
}
}
然后，我调用get在另一个组件中的动作并设置我的状态，到目前为止是工
浏览 3提问于2022-07-28得票数 0
第三方API一次只能处理一个查询字符串。因此，我尝试获取多个字符串，并将其拆分为数组。然后，我将映射整个数组，进行async/await axios调用，并将每个响应对象推入一个空数组。
使用下面的代码，数据似乎不会存储在末尾。我最好的猜测是我不了解如何正确使用async/await函数。有谁能帮帮我吗？
app.get("/api/posts", (req, res) => {
const tags = req.query.tags;
const fetchData = [];
const axiosCall = async tag => {
浏览 15提问于2019-08-12得票数 0
我使用mocha框架初始化了一个基本的WDIO项目。
我下面有一节课
const axios = require('axios');
class Joke{
async getJoke(){
const response = axios.get('https://api.chucknorris.io/jokes/random');
return response;
}
}
module.exports = new Joke();
这是我的规范文件：
const Joke = require("./Jok
浏览 2提问于2022-02-08得票数 0
我试图将一个函数从文件(..src/ api /index.js)中获取数据到我的App.js (..src/App.js)。
. .src/api/index.js
import axios from 'axios';
const url = 'https://covid19.mathdro.id/api';
export const fetchData = async () => {
try {
const res = await axios.get(url);
return res;
} cat
浏览 2提问于2020-08-09得票数 0
2回答
我正在尝试使用在我的项目上创建一个加载栏，它在我的路径上工作，当Axios收到或发布请求时，它不起作用。
启动加载栏时，这是我的项目代码，
<script>
import Swal from 'sweetalert2';
import Editor from '@tinymce/tinymce-vue';
export default {
components: {
'editor': Editor
},
title() {
浏览 2提问于2021-06-10得票数 0
回答已采纳
1回答
解释
为了在登录期间保存令牌，我尝试使用AsyncStorage。在用户按下Login按钮后，从后端接收令牌作为响应。成功登录后，屏幕将转到ProfileScreen，在那里我尝试检索保存的令牌。
问题
当我试图在ProfileScreen和控制台日志中检索该项时，我似乎得到了一个充满其他对象的承诺对象，在其中我可以看到我的值。我是如何得到价值的？(或者我应该说我该如何履行诺言:)
代码
实用程序/AsyncStorage.js(这里有用于存储和检索项的辅助函数)
const keys = {
jwtKey: 'jwtKey'
}
const storeItem = asyn
浏览 2提问于2020-05-01得票数 2
回答已采纳
1回答
从后端获取数据后，数据将返回undefine。当我console.log它时，数据会在控制台中返回。但是，当我尝试使用这些数据时，它将返回undefine。
//Here is the my logic using axios but it didnot work, it keeps throwing 404 error and undefined data
import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
import axios from &#
浏览 3提问于2022-02-18得票数 -1
回答已采纳
1回答
我需要您的帮助来调整我的方法以等待axios响应。基本上，我向一个WebService发送一个请求，我需要等待响应来捕获返回并调用另一个方法。
我试图在我的电话中使用异步/等待，但我可能使用错了。
class PlaylistController {
// Metodo inicial para criacao da playlist
public async create(req: Request, res: Response): Promise<Response> {
let artists = req.body.bands;
artists = art
浏览 2提问于2019-07-31得票数 0
我试图使天气api功能，因为我不想游泳在空间代码，但我不能返回我的api响应正确。
这是我的天气-api.js；
export default () => {
var link = "http://api.openweathermap.org/data/2.5/weather?q=istanbul&lang=tr&units=metric&APPID=9e0e8bbf1392be5b8b8ae9d453645ff8"
axios.get(link).then(
(response) => {
v
浏览 2提问于2022-08-23得票数 0
我对此真的很迷惑，我尝试了很多东西，比如改变超时，使用不同的库等等，我希望有人能明白为什么在给我带来麻烦的实际代码中会发生这种情况。我会尽量简明扼要。 快速文本解释： worker从队列中提取一个作业，使用一个模块，并向其传输所有需要的信息。然后，该模块将所有请求的Promise.all发送到另一个使用axios的微服务。然后，这个微服务向我无法控制的服务发出另一个https请求，这通常需要很长时间(1-10分钟)来应答。服务应该返回一个文档，然后微服务将该文档返回给worker使用的模块。 在等待缓慢的服务响应微服务时，事件循环似乎不能响应kubernetes所做的健康检查。 代码： Wo
浏览 45提问于2020-01-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
