Получение ошибки 405 при нажатии кнопки входа в систему ⇐ Javascript

[Anonymous]

Я создаю страницу входа для своего личного проекта Chocolate Shop, но пытаюсь заставить ее работать с Firebase, к которому я ее подключил. Однако я должен получить либо сообщение об ошибке входа в систему, либо сообщение об успешном входе в систему, но продолжает возвращаться как ошибка 405 ERR_HTTP_RESPONSE_CODE_FAILURE 405 (Метод не разрешен).
Я пытался изменить расположение окна в строке 94

Код: Выделить всё

window.location.href = 'index.html';

Именно здесь пользователь должен быть перенаправлен на эту страницу после того, как он вошел на эту страницу через файл firebaseAuth.js.
Я предоставил свой код HTML и JS ниже:

HTML-файл (index.html):

Код: Выделить всё

Simon's Chocolate Shop









[url=index.html]
[img]images/SimonsChocolateShopLogo.png[/img]
[/url]

[url=index.html]Home[/url]
[url=chocolates.html]Chocolates[/url]
[url=prices.html]Prices[/url]
[url=contact.html]Contact us[/url]
[url=about.html]About us[/url]
[url=login.html]Login[/url]
[url=signup.html]Sign Up[/url]
[url=javascript:void(0);]☰[/url]


Login


Email:


Password:


Login



©  Simon's Chocolate Shop 2022

JS-код (firebaseAuth.js):

Код: Выделить всё

  // Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-app.js";
import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-auth.js";
import { getFirestore, setDoc, doc } from "https://www.gstatic.com/firebasejs/11.10.0/firebase-firestore.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyDJ7D03Tdvirt8XE7t244MOV-swdJg7meQ",
authDomain: "simons-chocolate-shop.firebaseapp.com",
projectId: "simons-chocolate-shop",
storageBucket: "simons-chocolate-shop.firebasestorage.app",
messagingSenderId: "481372238801",
appId: "1:481372238801:web:c6700486161321acdfe6f0"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

function showMessage(message, divId) {
var messageDiv = document.getElementById(divId);

messageDiv.style.display = "block";
messageDiv.innerHTML = message;
messageDiv.style.opacity = 1;

setTimeout(function() {
messageDiv.style.opacity = 0;
}, 5000);
}

// Functionality for the sign-up button
const signUp = document.getElementById("submitSignUp");
signUp.addEventListener("click", (event) => {
event.preventDefault();

const email = document.getElementById("registerEmail").value;
const password = document.getElementById("registerPassword").value;
const firstName = document.getElementById("firstName").value;
const lastName = document.getElementById("lastName").value;

const auth = getAuth();
const db = getFirestore();

createUserWithEmailAndPassword(auth, email, password).then((userCredential) => {
const user = userCredential.user;
const userData = {
firstName: firstName,
lastName: lastName,
email: email,
password: password
};

showMessage("Account created successfully", "registerMessage");

const userRef = doc(db, "users", user.uid);

setDoc(userRef, userData).then(() => {
window.location.href = "index.html";
})
.catch((error) => {
console.error("Error writing document: ", error);
});
})
.catch((error) => {
const errorCode = error.code;

if (errorCode === 'auth/email-already-in-use') {
showMessage("Email already in use! Please try another email.", "registerMessage");
}
else {
showMessage(`Error creating account: ${error.message}`, "registerMessage");
}
})
});

// Functionality for the login button
const signIn = document.getElementById('submitSignIn');
signIn.addEventListener('click', (event) => {
event.preventDefault();

const email = document.getElementById('email').value;
const password = document.getElementById('password').value;
const auth = getAuth();

signInWithEmailAndPassword(auth, email, password).then((userCredential) => {
showMessage('You have logged in', 'signInMessage');

const user = userCredential.user;

localStorage.setItem('loggedInUserId', user.uid);

window.location.href = 'index.html';
})
.catch((error) =>  {
const errorCode = error.code;

if (errorCode === 'auth/invalid-credential') {
showMessage("Invalid email or password", "signInMessage");
}
else {
showMessage(`That account doesn't exist`, "signInMessage");
}
})
});

Я также предоставил скриншоты ошибок.
Пользователь нажимает кнопку входа:

введите сюда описание изображения
Возвращается сообщение об ошибке 405:
введите здесь описание изображения
Если у вас есть решение, как это исправить, напишите ниже

Подробнее здесь: https://stackoverflow.com/questions/798 ... is-clicked