Vue3中，有一个sesting.js文件中，export default { base_url: 'http://127.0.0.1:8000' }如何声明可以用

在Vue3中，你已经提供了一个名为`setting.js`的模块，其中定义了一个默认导出的对象，用于存储一些配置信息，如`base_url`。要在其他组件或模块中使用这个设置，你可以按照以下步骤操作：

1. **导入**：首先，在需要使用`base_url`的地方，例如一个Vue组件或者某个函数内，使用`import`语句导入`setting.js`中的配置：

import setting from '@/settings/setting.js'; // 使用绝对路径或相对于入口文件的相对路径

2. **访问变量**：然后你可以通过变量名直接访问导出的对象属性：

const apiUrl = setting.base_url; // `apiUrl` 现在包含了 'http://127.0.0.1:8000'

3. **动态使用**：如果你需要在模板中使用，可以将`apiUrl`绑定到组件的数据或者props上，以便渲染时使用：

<template>
  <div>
    <p>API地址: {{ apiUrl }}</p>
    <!-- 或者 -->
    <button @click="fetchData">获取数据</button>
  </div>
</template>

<script setup>
function fetchData() {
  const response = fetch(apiUrl);
  // ...进一步处理请求
}
</script>