I am working on developing login and registration services using Nodejs Express. Every time I make a request in postman, I consistently encounter the same error:
https://i.stack.imgur.com/QZTpt.png
Interestingly, I receive a response in postman (registering, logging in, and even receiving my JWT token), but after each request, I find myself unable to do anything without restarting the service in my terminal.
The code snippet from my index.ts file:
import express from "express";
const https = require("https");
import cors from "cors";
import mongoose from "mongoose";
const app = express();
//import routes
const usersRoute = require("./routes/users");
//Middleware
app.use(cors());
app.use(express.urlencoded({ extended: false }));
app.use(express.json());
//route midddlewares
app.use("/api/users", usersRoute);
//connect to db
mongoose
.connect("mongodb://localhost:27017/loginregister")
.then(() => {
console.log("connected to database");
})
.catch(() => {
console.log("connection failed!");
});
const PORT = 3000;
app.listen(PORT, () => console.log(`Server up and running on port ${PORT}`));
The snippet from my users.ts file:
...
(code continues here with details about registering and logging in users)
...
The content of verifyToken.ts file is as follows:
...
(code for verifying tokens for authentication purposes)
...
In my Angular frontend code, specifically in login.component.ts:
...
(angular code related to handling form submission and user login)
...
And the error encountered on the web application is shown below: https://i.stack.imgur.com/UmKzo.png
SOLVED: The initial error regarding setting headers after they have been sent to the client was resolved by following the solution provided by Shivam Sood. Additionally, the second error reported in the browser's console was fixed by specifying responseType: 'text' in the http.post() request within my auth.service.ts file.