如何在 React 应用程序中使用 openai 的 apikey 创建 a.env？

Question

我在 react.js 应用程序中有一个页面调用 openai 的 api，当我在页面中有实际的 apikey 时它在本地工作，但我一直在尝试创建 the.env 但我还没有弄清楚。 这就是我所拥有的

import React from "react";
import { Component } from "react";
import { Container, Form, Button, Card } from "react-bootstrap";

const {Configuration, OpenAIApi } = require ('openai');
const configuration = new Configuration({
    apikey: process.env.REACT_APP_OPENAI_API_KEY
          });
const openai= new OpenAIApi(configuration)
.....

如果我有实际的 apikey 而不是“process.env.REACT_APP_OPENAI_API_KEY”，它就可以工作。 我用 REACT_APP_OPENAI_API_KEY= 'the actual key' 创建了一个 .env 文件，运气不好，

任何建议，谢谢你，马龙

Answer 1

确保 .env 文件位于您的根目录中。 此外，您必须在创建或更改 .env 后重新启动服务器。

Answer 2

确保在没有空格的情况下写入 env 文件并像这样引用“”：

REACT_APP_OPENAI_API_KEY=youropenaiapikeyhere

并重新启动您的应用程序。