CORS ошибка при отправке запроса к CDEK API?

Question

[frostexzo]

Есть вот такой код

const calcForm = document.querySelector('#compare-form');

const fetchData = () => {
	return {
		API_TOKEN: "HIDDEN",
		API_PASSWORD: "HIDDEN",
		
		data: {
			del_d2d: 0,
		},

		async sendRequest() {
			const response = await fetch(`https://api.cdek.ru/v2/orders?cdek_number=123 `, {
				headers: {
					"Access-Control-Allow-Origin": "*",
					"Content-Type": "application/json",
				},
				method: "GET",
			});
		}
	}
}

При отправке запроса получаем CORS ошибку


Подскажите, как быть, много чего перепробовал, ни в какую не хочет, знаю, что надо авторизоваться, но с авторизацией тоже самое, пытался просто попробовать отправить GET на проверку заказа, но все равно не пускает.

Answer 1

[zkrvndm]

Во первых, заголовок "Access-Control-Allow-Origin": "*" должен присылать CDEK, а не ВЫ. Во вторых, раз уж он этот заголвок не отдает, то тут ничего не поделать - из браузера напрямую вы инфу не запросите никак. Вы должны обратится на свой сайт (сервер), а ваш сайт уже должен сделать запрос, получить данные и отдать их в браузер - вот в таком в виде это будет работать. В общем, проксируйте запрос через свой сервер.

Comments

[frostexzo]

Да, уже так и сделал, спасибо.

Answer 2

[Владимир]

А само API CORS поддерживает ?
в ответ присылает Access-Control-Allow-Methods и Access-Control-Allow-Headers?

Comments

[frostexzo]

Присылает вот такое


Я могу через no-cors отправить POST на авторизацию и он мне даже возвращает токен, но в дальнейшем, чтобы пользоваться методами нужно отправлять через заголовок Authorization этот токен, а поэтому использование no-cors далее невозможно