When using a different domain to use API and fetch data, I receive the following Error:
"Access-Control-Allow-Origin"
I need your guidance regarding this problem...
Thank You
my code:
const url = "https://hornb2b.com/api/products?items_per_page=4&company_id=181";let headers = new Headers(); headers.append('Access-Control-Allow-Origin', '*'); headers.append('Access-Control-Allow-Credentials', 'true'); headers.append('authority', 'hornb2b.com'); headers.append("Authorization", `Basic ${auth}`); headers.append('Content-Type', 'application/json'); headers.append('Accept', 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9'); fetch(url, { method:'GET', headers: headers }) .then(response => response.json()) .then( (json) => { /*console.log(json);*/ this.setState({ isLoaded: true, products: json.products }); }, // Note: it's important to handle errors here // instead of a catch() block so that we don't swallow // exceptions from actual bugs in components. (error) => { this.setState({ isLoaded: true, error }); } )