Vue.js 从外部 js 文件调用异步函数

Question

我正在尝试创建一个 .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 没有返回任何东西。我从getInventories 中添加了等待，但出现错误

Answer 1

您缺少返回结果：

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

export {getInventories}