While developing an app that utilizes express for the backend, I decided to incorporate socket.io for real-time chat functionality. Everything was working flawlessly on postman until my front end react code triggered a cors error when making a GET request with react query.
Prior to integrating the socket.io related code with http-server, I did not encounter this problem.
NOTE: I have researched solutions for a similar issue, and it is imperative for me to continue using express. All the solutions I found were tailored towards apps based on http-server.
Here is a snippet of the code:
BACKEND:
require("dotenv").config();
const PORT = process.env.PORT;
// Additional require statements...
httpServer.listen(PORT, () => {
console.log(`Server ready at ${process.env.PUBLIC_URL}:${PORT}`);
});FRONTEND:
import React, {
useEffect,
useState
} from "react";
import "./styles.scss";
import axios from "axios";
import {
useQuery
} from "react-query";
// Additional frontend code...