vue3中代码顺序执行的问题？

Question

这是一个代码，是一个配置文件，我想在定义这个config之前执行一个请求，拿到一个数据给config变量里的一个值，所以就要做到必须请求完接口才执行const config:{}这段代码，这个我要怎么去实现并且最后不影响export { config }。
说具体点，我想事先请求一个文件拿到一个值，赋值给config.base_url.base。。。然后export暴露出去config。。

const config: {base_url: {base: string}} = {
  base_url: {   
    base: 'http://192.168.1.201:10013/',
  },  
}
export { config }

Answer 1

不可能，但是你可以改成另一个样子，变成一个方法，然后里面就可以用 promise 之类的，来个 once 请求接口。

const config: {base_url: {base: string}} = {
  base_url: {   
    base: 'http://192.168.1.201:10013/',
  },  
}
const getConfig = async function(){
    if(首次加载){
        await axios
        return config
    }
    return config
}
export { config, getConfig }