Working on my backend, I have integrated AWS API gateway with AWS Lambda. I made sure to enable cors for my endpoint. However, upon testing the endpoint on the browser, I encountered the following error:
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Incorporating redux thunk, I structured my actions file in this manner:
import Cookies from 'universal-cookie';
import fetch from 'node-fetch';
export function fetchUsers(){
return (dispatch) => {
const headers={
"Content-Type":"application/json",
"Authorization":cookies.get('idToken')
}
return fetch(`${url}/accounts`,{method:"GET",headers:headers }).then(response => console.log(response));
}
Investigating further, I noticed that while my OPTIONS and GET requests are returning a 200 OK response in the network options of the web browser, the current API does take approximately 11 seconds to generate a response.
I am seeking assistance with resolving these issues. Can someone provide guidance?