CORS issue between frontend and backend instance – Amazon Web Sevices

I have built a test project that has a simple api where the front end interacts with the backend and receives a string back. I built this project to test how I would host this on aws ec2 instances. What I have done so far is, built images for the frontend and the backend and then pulled them in the respective ec2 instances and the end point urls have been set to the instance public DNS. Now, I seem to be getting a CORS issue that I am not sure about. I do have a cors mapping bean in the backend which was working fine locally but it is no longer working when hosted on aws. The code for the frontend and the backend is given below:

import './App.css';
import { useState } from 'react';

function App() {

const [message, setMessage]=useState("");
  async function handleClick() {

    const baseUrl = 'http://ec2-xx-xx-xxx-xx.eu-xxxx-x.compute.amazonaws.com'
    //process.env.REACT_APP_BASE_URL || 'http://localhost:8080';;


    fetch(baseUrl+"/test", {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
      },
      mode: 'cors',
      credentials: 'include',
    })
      .then((response) => {
    

        return response.json();
      })
      .then((data) => {
        console.log(data.message)
        setMessage(data.message)
        
      })
      .catch((err) => console.log(err));
     


  }
  return (
    <div className="App">
      <button onClick={()=> handleClick()}>
        CLICK ME
      </button>
      <div>
      <p>{message}</p>
      </div>
      
    </div>
  );
}

export default App;

package com.example.test;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@SpringBootApplication
@EnableWebMvc // Enable WebMvc support
public class TestApplication {


    

    public static void main(String[] args) {
        SpringApplication.run(TestApplication.class, args);
    }

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/test").allowedOrigins("http://ec2-xx-xx-xx-xx.eu-xxxx-x.compute.amazonaws.com");
            }
        };
    }


}

package com.example.test;



import org.springframework.web.bind.annotation.*;

@RestController

@RequestMapping("/test")
public class TestController {

    @GetMapping(produces = "application/json")
    private Response getTest() {
Response response= new Response("Hello");
        return response;
    }
}

Here is the error i get