How to solve Cross-Origin Request Blocked Issue using axios in php?

devindi_jayasinghe

I’ve tried adding “Access-Control-Allow-Origin:” to the url as follow,

const getData = () => {
axios.get(‘Access-Control-Allow-Origin: http://127.0.0.1:8000/api’)
.then(response => { const data = response.data.data;
console.log(‘GET data’, data);
})
.catch(error => console.error(error));
};
getData();

But, it doesn’t works.

janaroy

You can’t put the Access-Control-Allow-Origin into a Javascript code. The Access-Control-Allow-Origin is a server-side configuration.
header("Access-Control-Allow-Origin: *");
Put this line in the header of the index.php file.

devindi_jayasinghe

It works. Thank you!!! :)