Currently, I am developing a Web Application using React. The application features a login/register function for user authentication. To achieve this, I have set up an express server to handle HTTP requests to interact with a MYSQL database. Two specific endpoints, '/register' and '/login', have been created to manage the registration and login processes respectively. In order to connect the frontend to these endpoints, Axios is employed to post user data to the database efficiently.
In its current state, the application requires both the server and client files to be running on the same port for seamless operation. Unfortunately, if the page is refreshed, this setup can be disrupted. Therefore, I am seeking solutions to enable the posting of HTTP requests into the database without the dependency on having both frontend and backend components operating on the same port consecutively. Thank you!
Frontend:
import React, { useState } from "react";
import axios from 'axios';
// Code snippet...
Backend:
// Relevant backend code snippet...