Vue.js вызов асинхронной функции из внешнего js-файла

#javascript #vue.js #vuejs2 #axios #vue-component

#javascript #vue.js #vuejs2 #axios #vue-компонент

Вопрос:

Я пытаюсь создать файл .js, в котором у меня есть пара моих асинхронных вызовов. Я настроил файл, но не получаю никаких результатов при вызове моего метода. Для меня все это ново для вызова из файла .js, поэтому я не уверен, что я делаю неправильно.

Вот мой inventory.js файл импортирует axios из «axios»;

 let getInventories = async () => {
  const result = await axios
    .get("/inventories")
    .catch((error) => console.log(error));
  // this.inventoryArray = result.data;
}

export {getInventories}
  

Вот вызов из моего файла Inventory.vue

 import axios from "axios";
import { bus } from "../app";
import {getInventories} from './inventory';
export default {
  mounted() {
    let temp =  getInventories();
    debugger;
  },
}
  

temp ничего не возвращает. Я добавляю await в из getInventories , но получаю ошибку

Ответ №1:

Вам не хватает, чтобы вернуть результат :

 let getInventories = async () => {
   try{
    const result = await axios
    .get("/inventories")
    return result.data;
   }   catch(error){
   console.log(error);
   return null;
   };
 
}

export {getInventories}