从异步函数导入数据

Question

我正在处理一个使用 AWS Cognito 的项目。 有一些配置参数需要通过 API 调用从服务器获取。 我将 API 调用保留在 config.js 文件中，并使用 async/await 从服务器获取响应，如下所示

const getCognitoConfigs = async () => {
const res = await axios.get(`${apiurl.apiurl}/logininfo`);
console.log(res.data);
return res.data;
}; 

export default getCognitoConfigs;

在我的 index.js（我设置 Cognito 的地方）中，我从 config.js 文件导入函数

import getCognitoConfigs from "./config";
const configs = getCognitoConfigs();

Amplify.configure({
    Auth: {
        mandatorySignIn: true,
        region: configs.cognito.region,
        userPoolId: configs.cognito.user_pool,
        userPoolWebClientId: configs.cognito.app_client_id
    }
});

问题是 async await 不会停止程序执行，所以我得到的 'configs' 未定义。 无论如何，我可以让应用程序停止，直到 api 调用解决吗？ 谢谢。

Answer 1

如果你想使用 async/await，你必须将 index.js 包裹在一个异步函数中并添加

await getCognitoConfigs();

或者你可以像这样使用承诺

getCognitoConfigs().then(res => Amplify.configure({...}))