[Final project] 최종 프로젝트 - Open AI Key 오류 : Error: The OPENAI_API_KEY environment variable is missing or empty

오픈 api 키 받아오지 못하는 문제

해결 방법

• OPENAI_API_KEY → NEXT_PUBLIC_OPENAI_KEY 수정
• dangerouslyAllowBrowser: true 추가

의문?

OPENAI_API_KEY는 브라우저에 노출되면 안 되는 값인데, 퍼블릭으로 두는 것이 맞는지?

→ 브라우저 환경에서 GPT 기능을 사용한다면 NEXT_PUBLIC_ 을 추가적으로 붙여주기

예시 코드

import OpenAI from "openai";

const openai = new OpenAI({
  apiKey: process.env.NEXT_PUBLIC_OPENAI_KEY
  , dangerouslyAllowBrowser: true
});

async function openaiReq() {
  const completion = await openai.chat.completions.create({
    messages: [{ role: "system", content: "You are a helpful assistant." }],
    model: "gpt-3.5-turbo",
  });

  console.log(completion.choices[0]);
}

export default openaiReq();