reactjs - 如何在 React 应用程序中使用 openai 的 apikey 创建一个 .env？

Question

我在 react.js 应用程序中有一个页面调用 openai 的 api，当我在页面中有实际的 apikey 时它在本地工作，但我一直在尝试创建 .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”，它就可以工作。我创建了一个 .env 文件REACT_APP_OPENAI_API_KEY= '实际 key '运气不好，

任何建议，谢谢你，马龙

Answer 1

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