Ошибка политики CORS при получении данных из ChatGPT-API
Я пытаюсь написать простой сценарий JavaScript, который использует API
Однако я получаю следующее сообщение об ошибке:
"Доступ к извлечению в 'https://api.' из источника 'https://wordpress-......cloudwaysapps.com' был заблокирован политикой CORS: заголовок «Access-Control-Allow-Origin» отсутствует. присутствует на запрашиваемом ресурсе. Если непрозрачный ответ служит вашему потребности, установите режим запроса «no-cors», чтобы получить ресурс с помощью CORS отключен."
Я включил заголовки CORS на стороне сервера в своей среде хостинга. Но ошибка остается.
В чем причина этой проблемы и как я могу решить эту проблему?
Вот мой код:
<html>
<head>
<script>
function askQuestion() {
var question = document.getElementById("questionInput").value;
var apiKey = document.getElementById("apiKey").value;
// access chatgpt's API and pass in the question and API key as parameters
fetch("https://api.com/answer?question = " + question + "&api_key = " + apiKey)
.then(response => {
if (!response.ok) {
throw new Error("Failed to fetch answer from API");
}
return response.json();
})
.then(data => {
// get the answer from the API response and display it in the textbox
document.getElementById("answerBox").value = data.answer;
})
.catch(error => {
console.error("Error fetching answer from API: ", error);
});
}
function askFollowUpQuestion() {
var followUpQuestion = document.getElementById("followUpQuestionInput").value;
var apiKey = document.getElementById("apiKey").value;
// access chatgpt's API and pass in the follow-up question and API key as parameters
fetch("https://api.com/answer?question = " + followUpQuestion + "&api_key = " + apiKey)
.then(response => {
if (!response.ok) {
throw new Error("Failed to fetch answer from API");
}
return response.json();
})
.then(data => {
// get the answer from the API response and display it in the textbox
document.getElementById("followUpAnswerBox").value = data.answer;
})
.catch(error => {
console.error("Error fetching answer from API: ", error);
});
}
</script>
</head>
<body>
<input type = "text" id = "questionInput" placeholder = "Enter your question here"></input>
<br>
<input type = "text" id = "apiKey" placeholder = "Enter your API key"></input>
<br>
<button onclick = "askQuestion()">Ask</button>
<br>
<textarea id = "answerBox" readonly></textarea>
<br>
<input type = "text" id = "followUpQuestionInput" placeholder = "Enter your follow-up question here"></input>
<br>
<button onclick = "askFollowUpQuestion()">Ask Follow-up</button>
<br>
<textarea id = "followUpAnswerBox" readonly></textarea>
</body>
</html>
chatgpt определенно официально не поддерживается openai API. Хотя это уже в пути.
—
09.02.2023 19:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
149
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
ChatGPT API еще не существует
Мы многое узнали из предварительного исследования ChatGPT и были внесение важных обновлений на основе отзывов пользователей. ChatGPT будет скоро появится в нашем API и Microsoft Azure OpenAI Service.
Я в замешательстве. Как
Вы имели в виду OpenAI API? Если да, то прочтите документацию , особенно конечную точку Completions.
Это правильная конечная точка:
POST https://api.openai.com/v1/completions
Другие вопросы по теме
Как применить более одного JavaScript onchange для нескольких полей ввода загрузки изображений
Как я могу скрыть столбец <table>, если выполняется условие?
Изображения WebPack не загружаются с помощью загрузчика файлов
Как я могу централизовать выпадающее меню и уменьшить расстояние между его подменю?
Условие Javascript в функции datecalendar
Как показать номер результата фильтра в jQuery?
Не знаю, как расположить элементы с разным порядком в мобильной и десктопной версии
Шрифт HTML не работает должным образом на моем компьютере, но работает на других устройствах
Функция jquery для уменьшения размера шрифта при каждом нажатии кнопки
Не знаете, как создать новую строку для каждой строки внутри массива
Похожие вопросы
Если в массиве есть два элемента с одинаковым идентификатором, сравните и добавьте пару значений ключа
Как применить более одного JavaScript onchange для нескольких полей ввода загрузки изображений
Как перебрать два массива объектов и проверить, есть ли один с ожидаемым значением, используя javascript?
Как использовать Cheerio в NodeJS для очистки img srcs
Ошибки CORS после развертывания для рендеринга, локально работали нормально
Изображения WebPack не загружаются с помощью загрузчика файлов
JS Изменить HTML img src на основе определенного текста, найденного в теге h1
Возникают проблемы с анализом массива объектов в React.js
Выходное дерево из строкового ввода
Заголовок стиля аккордеона Bootstrap с классом "свернуть шоу"
Где вы нашли
https://api.chatgpt.com? Было ли это предоставлено ChatGPT?