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

Question

[William Miller]

Есть локальный сервер запущенный на 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)

Answer 1

[Spartak (Web-StyleStudio)]

Во-первых как минимум две ошибки:

<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);
		}
	});
});