Почему не работает fetch запрос на авторизацию?

Question

[jarderRek]

const login = document.querySelector('.auth__input--login').value;
const password = document.querySelector('.auth__input--password').value;
const button = document.querySelector('.auth__button');

button.onclick = (e) =>{
    e.preventDefault();
    mainFunc();
}

async function mainFunc(){
    let url = 'https://авторизация';

    data ={
        'username': login,
        'password': password
    }

    let responce = await fetch(url, {data: data, mode: "no-cors", method: 'POST'});
    let result = await responce.json();

    if(result == true){
        console.log(result.username);
        console.log(result.password);
    } else{
        console.log('аккаунт не найден!');
    }
}

Comments

[GrayHorse]

mode: "no-cors"

Удали и больше не используй.

[jarderRek]

GrayHorse, Хорошо! А почему?

[GrayHorse]

Потому что это не магическое слово, выключающие CORS полностью, как если бы его и не было.

Запрос хоть и пройдет, доступа к результату у JS кода не будет при кросс-доменных запросах.

Пригодиться это может лишь в редких случаях.

[jarderRek]

GrayHorse, Выдает ошибку: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

[GrayHorse]

Поздравляю.

Это проблема, с который сталкивается каждый.
Так что ответ найти не составит труда.

[jarderRek]

GrayHorse, Я не понимаю, куда вставлять Access-Control-Allow-Origin: *
в mode: Access-Control-Allow-Origin: * или в headers? Я и то и то пробовал, ничего не работает! Помогите пожалуйста

[Lynn «Кофеман»]

jarderRek, в сервер к которому ты обращаешься вставлять

Answer 1

[zkrvndm]

document.querySelector('.auth__button').addEventListener('click', auth);

async function auth() {

	event.preventDefault();

	var login = document.querySelector('.auth__input--login').value;
	var password = document.querySelector('.auth__input--password').value;

	var form = new FormData();

	form.append('username', login);
	form.append('password', password);

	var url = 'https://авторизация';

	var response = await (await fetch(url, { method: 'POST', body: form })).text();

	console.log('Ответ сервера', response);

}