如何在 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

並重新啟動您的應用程序。