调用OpenAI API生成菜谱时遇AxiosError 401错误求助

• 确认环境变量是否正确注入：前端项目中process.env.API_KEY的读取规则依赖框架，比如Create React App要求变量以REACT_APP_开头，Vite使用import.meta.env而非process.env。先在代码里打印console.log(process.env.API_KEY)，看是否输出完整的密钥字符串。如果为空或错误，检查.env文件的变量名是否符合框架要求，并且重启开发服务器让环境变量生效。

• 验证API密钥格式：确保密钥是sk-开头的完整字符串，复制时不要包含多余的空格、换行或引号。可以直接把密钥临时硬编码到代码中测试（测试后立即删除，避免泄露），如果能成功请求，说明环境变量加载有问题。

• 检查账号状态与余额：登录OpenAI后台查看账号是否有可用余额，免费额度耗尽或账号欠费会触发401错误。同时确认账号是否因违规操作被限制API访问权限。

• 核对请求端点与模型兼容性：/v1/completions端点仅支持旧版文本模型（如text-davinci-003），如果使用GPT-3.5/4系列模型，需切换到/v1/chat/completions端点，虽然这不是401的直接原因，但错误的端点配置可能伴随其他认证问题。

• 注意前端密钥暴露风险：当前代码直接在前端请求API会导致密钥泄露，生产环境必须通过后端代理转发请求，但这不是本次401错误的原因，仅作为后续优化提示。

内容的提问来源于stack exchange，提问作者Brandon