Currently, I have an express server running on port 8080 and my NextJS app running on port 3000. To handle user authentication, I am utilizing nextauth which involves sending username and password credentials to the express API on port 8080 for validation. However, I keep encountering a persistent 404 error when attempting to post to localhost:8080/api/public/signin, which is the designated endpoint for signing in through Express.
localhost:8080/api/public/signin
The file pages/api/auth/[...nextauth].js contains the following content:
export default NextAuth({
...
providers: [
Providers.Credentials({
name: "Email/Password",
credentials: {
email: { label: "Email", type: "text" },
password: { label: "Password", type: "password" },
},
async authorize(credentials) {
let user = await axios
.post("localhost:8080/api/public/signin", {
...credentials,
})
.then((res) => res.data)
.catch((e) => console.log("login failed", e));
if (user && user.name && user.user_type) {
return user;
} else {
throw new Error("Login failed. Please check email and password");
}
},
})
]}
It is worth noting that the sign-in endpoint functions correctly when accessed via Postman or directly from a web page using a browser.