Vue 3 获取环境变量: 在 HTML 中访问 VUE_APP 值

在 Vue 3 中，可以通过在 HTML 文件中的 <script> 标签中直接访问全局的 process.env 对象来获取到 VUE_APP 定义的值。

例如，假设你在 .env 文件中定义了一个名为 VUE_APP_API_URL 的变量，你可以在 index.html 文件中的 <script> 标签中使用它：

<script>
  console.log(process.env.VUE_APP_API_URL);
</script>

请注意，这种方法只适用于在构建过程中的静态 HTML 文件，而不适用于在 Vue 组件中。如果你想在 Vue 组件中访问这些变量，你可以使用 process.env 对象来获取它们：

console.log(process.env.VUE_APP_API_URL);

注意：在使用 process.env 对象之前，确保你已经正确设置了 .env 文件和相关的变量。