Edge环境访问ChatGPT的完整解决方案与避坑指南

1次阅读

没有评论

共计 1421 个字符，预计需要花费 4 分钟才能阅读完成。

最近在 Edge 浏览器环境中调用 ChatGPT API 时，经常遇到访问失败的问题。经过排查，主要痛点集中在以下几个方面：

网络限制 ：很多企业网络会屏蔽 OpenAI 的 API 域名
跨域问题 ：前端直接调用 API 时经常遇到 CORS 错误
认证复杂 ：API 密钥在前端暴露存在安全隐患
稳定性差 ：直连国际 API 容易受网络波动影响

针对这些问题，我调研了几种常见解决方案：

直接调用
优点：实现简单
缺点：面临所有上述痛点
传统反向代理 (Nginx)
优点：性能好
缺点：需要维护服务器，配置复杂
Azure Functions 代理
优点：无服务器架构，自动扩容
缺点：冷启动延迟

综合考虑开发和维护成本，最终选择了 Azure Functions 方案。

以下是基于 Node.js 的 Azure Functions 实现代码：

const axios = require('axios');
const jwt = require('jsonwebtoken');

module.exports = async function (context, req) {
    // JWT 验证
    const token = req.headers.authorization?.split(' ')[1];
    try {jwt.verify(token, process.env.JWT_SECRET);
    } catch (err) {
        context.res = {
            status: 401,
            body: 'Unauthorized'
        };
        return;
    }

    // 请求转发
    try {
        const response = await axios({
            method: req.method,
            url: 'https://api.openai.com/v1/chat/completions',
            headers: {'Authorization': `Bearer ${process.env.OPENAI_KEY}`,
                'Content-Type': 'application/json'
            },
            data: req.body,
            timeout: 15000
        });

        context.res = {
            status: response.status,
            body: response.data
        };
    } catch (error) {
        // 错误处理
        context.res = {
            status: error.response?.status || 500,
            body: error.response?.data || {error: 'Proxy Error'}
        };
    }
}

在实际部署时，我采取了以下优化措施：