.env.development 文件中出现 API 密钥 401 错误

Question

我创建了一个 .env.development 文件来存储我的 api 密钥和其他环境变量。我遇到一个问题，当我使用 .env.development 文件中定义的 api 密钥并在 dotenvx 依赖项的帮助下检索时，网站无法加载状态为 401 的资源。但是，如果我直接使用我的 api 密钥而不使用需要从 .env.development 文件中检索，网站正常获取，没有任何问题。我的 api 密钥工作正常，所以不必担心。

注意：我还想提一下，我获得的API密钥是来自外部API TMDB。我定义的其他环境变量在 dotenvx 包的后端运行良好。

.env.开发：

API_KEY="my_api_key"

api-config.js：

const apiKey = process.env.API_KEY;
const apiUrl = "my_api_url";
const apiKeyParams = `my_api_params`;

错误：

我已经手动尝试过使用 cli bash:

$ dotenvx run -- npm run start

我尝试过使用 npx 进行预加载：

"scripts": {
  "start": "npx dotenvx run --env-file=.env.development -- react-scripts start"
}

环境变量都注入成功了，但是还是不行。

Answer 1

对于之前造成的混乱表示歉意。我找到了解决方案。在 .env.development 文件中，不应定义 API_KEY，而应定义为 REACT_APP_API_KEY：

.env.开发：

REACT_APP_API_KEY="my_api_key"