508 error with proxy server

[JesseOgunlaja]

I made a react project with an express API.

I made an API key to secure my API but I found out that you could just find out the value of the API key in the network tab so I thought that I should use a proxy to help. What my code is trying to achieve is that if you make a request from the client side with the x-api-key blank the proxy will then change it to the API key if your host is correct. However when I do this I get a 508 error saying INFINITE_LOOP_DETECTED. I don't know why I am getting this error.

This is my code

const express = require("express");
const bodyParser = require("body-parser");
const mongoose = require("mongoose");
const bcrypt = require("bcrypt");
const CryptoJS = require("crypto-js");
const { createProxyMiddleware } = require("http-proxy-middleware");

const API_KEY = process.env.API_KEY;

const app = express();
const port = process.env.PORT || 80;

function apiKeyVerification(req, res, next) {
  const apiKey = req.headers["x-api-key"];
  // const ENCRYPTION_KEY = process.env.REACT_APP_ENCRYPTION_KEY;
  // const parsedKey = CryptoJS.enc.Utf8.parse(ENCRYPTION_KEY);
  // const stringKey = CryptoJS.enc.Base64.stringify(parsedKey);
  // const decryptedKey = CryptoJS.AES.decrypt(apiKey, stringKey).toString(
  //   CryptoJS.enc.Utf8
  // );
  if (!apiKey || apiKey !== "hi") {
    return res.status(403).send(apiKey);
  }
  next();
}

const proxy = createProxyMiddleware({
  target: "https://tasktracker4313.online", // Replace with your API server URL
  changeOrigin: true,
  onProxyReq(proxyReq, req, res) {
    // proxyReq.setHeader("x-api-key", process.env.API_KEY);
  },
});

app.use(apiKeyVerification);
app.use("/api/Users", proxy);

mongoose.connect(process.env.MONGODB_URI, {
  useNewUrlParser: true,
  useUnifiedTopology: true,
  serverSelectionTimeoutMS: 5000,
  socketTimeoutMS: 45000,
});

const UserSchema = new mongoose.Schema({
  name: { type: String, required: true, unique: true },
  email: { type: String, required: true, unique: true },
  password: { type: String, required: true },
  tasks: [
    {
      task: { type: String },
      date: { type: String },
      reminder: { type: Boolean },
    },
  ],
});

const User = mongoose.model("User", UserSchema);

app.use(bodyParser.json());
// Get all users
app.get("/api/users", async (req, res) => {
  try {
    const users = await User.find();
    res.status(200).json(users);
  } catch (error) {
    res.status(500).json({ message: error.message });
  }
});

// Get one user
app.get("/api/users/:id", getUser, (req, res) => {
  res.json(res.user);
});

// Create a user
app.post("/api/users", async (req, res) => {
  const user = new User({
    name: req.body.name,
    email: req.body.email,
    password: await bcrypt.hash(req.body.password, 10),
    tasks: req.body.tasks,
  });
  try {
    const newUser = await user.save();
    res.status(201).json(newUser);
  } catch (error) {
    res.status(400).json({ message: error.message });
  }
});

// Update a user
app.patch("/api/users/:id", getUser, async (req, res) => {
  if (req.body.name != null) {
    res.user.name = req.body.name;
  }
  if (req.body.email != null) {
    res.user.email = req.body.email;
  }
  if (req.body.password != null) {
    res.user.password = req.body.password;
  }
  if (req.body.tasks != null) {
    res.user.tasks = req.body.tasks;
  }
  try {
    const updatedUser = await res.user.save();
    res.json(updatedUser);
  } catch (error) {
    res.status(400).json({ message: error.message });
  }
});

// Delete a user
app.delete("/api/users/:id", async (req, res) => {
  try {
    const deletedUser = await User.findByIdAndDelete(req.params.id);
    if (deletedUser == null) {
      return res.status(404).json({ message: "Cannot find user" });
    }
    res.json({ message: "User deleted", user: deletedUser });
  } catch (error) {
    res.status(500).json({ message: error.message });
  }
});

// Middleware function to get user by ID
async function getUser(req, res, next) {
  let user;
  try {
    user = await User.findById(req.params.id);
    if (user == null) {
      return res.status(404).json({ message: "Cannot find user" });
    }
  } catch (error) {
    return res.status(404).json({ message: "Cannot find user" });
  }
  res.user = user;
  next();
}

app.listen(port, () => {
  console.log(`Server started`);
});

// edit: added code syntax highlighting

[chimurai]

Difficult to see why you are getting the http 508 from the code you provided.
Best to double check configuration and see if there is a config mistake somewhere.