@inefa
не до Front-End developer

Не могу сделать авторизацию. Что делать с ошибкой 401?

Есть локальный сервер запущенный на 8000 порту ввожу логин и пароль но сервер возвращяет 401 хотя пароль и логин верный что делать ? может я неправильно запрос отправляю ? не могу понять в чем дело
<div class="container">
            <img class="logo" src="img/logo.png" alt="logo">
            <form class="form" method="post" id="sign_form"></form>
                <input id="ADMIN_USER_NAME" class="user" type="text" placeholder="USERNAME">
                <input id="ADMIN_USER_PASSWORD" class="pass" type="password" placeholder="PASSWORD">
                <input class="button" type="submit" value="Sign in">
            </form>
        </div>


$('.button').click(function() {
    var serializeFormData = $('#sign_form').serialize();
    
    $.ajax({
      type: 'POST',
      url: 'http://localhost:8000/api/login',
      data: serializeFormData,
      dataType : 'json',
      success: function(data) {
          console.log(data);
      },
      error:  function(data){
          console.log('Внимание! произошла ошибка:' + data);
      }
    });
});


выходит в консоли такая ошибка jquery.min.js:2 POST localhost:8000/api/login 401 (Unauthorized)
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ответы на вопрос 1
Spartak-2205
@Spartak-2205
Разработка и создание сайтов
Во-первых как минимум две ошибки:
<form class="form" method="post" id="sign_form"></form>

1. Закрыли форму преждевременно (</form>)
2. В инпутаx отсутствует атрибут name
Поэтому на сервер ничего не отправляется

Правильно записать так
<div class="container">
	<img class="logo" src="img/logo.png" alt="logo">
	<form class="form" method="post" id="sign_form">
		<input id="ADMIN_USER_NAME" name="ADMIN_USER_NAME" class="user" type="text" placeholder="USERNAME" required>
		<input id="ADMIN_USER_PASSWORD" name="ADMIN_USER_PASSWORD" class="pass" type="password" placeholder="PASSWORD" required>
		<input class="button" type="submit" value="Sign in">
	</form>
</div>

$("#sign_form").on("submit", function(event) {
	event.preventDefault();

	$.ajax({
		type: "POST",
		url: "http://localhost:8000/api/login",
		data: $(this).serialize(),
		dataType : "json",
		success: function(data) {
			console.log(data);
		},
		error:  function(data) {
			console.log("Внимание! произошла ошибка:" + data);
		}
	});
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы