我试图使用HTML和JavaScript创建一个简单的网站，使用OpenAI API，用户输入查询，模型生成响应。每当我在文本框中键入一些东西并单击按钮生成一些东西时，它总是会显示错误。这是CORS限制的问题，还是我的代码的问题？
下面是我的JavaScript代码：

function generateOutput() {
    var userInput = document.getElementById("input").value;

    fetch("https://api.openai.com/v1/engines/davinci-codex/completions", {
        method:"POST",
        headers: {
            "Content-Type": "application/json",
            Authorization: "Bearer 'MY_API'"
        },
        body: JSON.stringify({
            prompt: userInput,
            max_tokens:50,
            model: "text-davinci-003"
        }),
    })
        .then(response => {
            if (response.ok) {
                return response.json();
            }else{
                throw new Error("Error occurred while communicating with the API.")
            }
        })
        .then(data => {
            const output = data.choices[0].text.trim();
            document.getElementById("output").textContent = output;
        })  
        .catch(error => {
            document.getElementById("errorMessage").textContent = "Error occurred while communicating with the API: " + error.message;
        });
}

字符串
在这段代码中，用户可以键入一些内容，然后通过单击按钮生成响应。如果有错误，它将显示文本“Error occurred while communicating with the API.”我试过没有错误函数的情况下，它只是在生成我的请求时什么都不显示。