如何在 Nuxt 3 中使用 .env 文件

问：

我使用 Nuxt-3 作为我的项目框架，并且对该框架也很陌生，当我为我的项目集成 api 时，当我尝试将 api 用作根目录中 .env 文件中的全局变量时，我得到了响应;但我无法获得响应，因为我在控制台上出现错误，因此请以简单的解释方式指导我走上正确的道路，以便我可以对问题进行排序并学习新概念。 我用以下命令安装了依赖项： npm 安装 --save-dev @nuxtjs/dotenv

我尝试的代码是：

<template>

</template>
<script setup>
import axios from 'axios'

axios.defaults.baseURL = process.env.API_URL
axios.defaults.headers.common['Authorization'] = process.env.API_KEY

const response = await this.$axios.get('/pgs').then(response => response.data)
console.log(response)
</script>