Hi,@Swetasannbommaj
Regarding the issue you raised, my solution is as follows:
1.First, you can try to install and enable CORS on the gateway API side with the following command:
npm install cors
Multiple routing files:
const express = require("express");
const router = express.Router();
const cors = require("cors");
router.use(cors());
Single route file:
const express = require("express")
const app = express()
const cors = require("cors")
app.use(cors())
Below are links to related questions:
javascript - React component has been blocked by CORS policy: No 'Access-Control-Allow-Origin' heade...
Here is a link to enable CORS on the gateway API side:
CORS for REST APIs in API Gateway - Amazon API Gateway
2.Second, you can also redefine the headers and return:
const headers = {'Content-Type':'application/json',
'Access-Control-Allow-Origin':'*',
'Access-Control-Allow-Methods':'POST,PATCH,OPTIONS'}
const response = {
statusCode: 200,
headers:headers,
body: JSON.stringify(X),
};
return response;
Here are the links to related questions:
aws lambda - Access to fetch at '' from origin '' has been blocked by CORS policy: No 'Access-Contro...
3.Finally, you can also try adding mode: 'no-cors' to the fetch method:
fetch(clientConfiguration['communitiesApi.local'], {
mode: 'no-cors'
})
.then((response) => {
return response.json();
})
.then(data => {
console.log(data);
let communitiesFromApi = data.map(community => { return { value: community, display: community } });
this.setState({ communities: [{ value: '', display: 'Select a Community...' }].concat(communitiesFromApi) });
}).catch(error => {
console.log(error);
});
Here are the links to related questions:
javascript - React component has been blocked by CORS policy: No 'Access-Control-Allow-Origin' heade...
Of course, if you have any new ideas, you are welcome to contact us.
Best Regards,
Leroy Lu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
