[Vuejs]-Laravel – Vue Axios CORS policy

by

1👍

✅

Any server you’re sending a request to will, usually by default, reject it if it contains headers which are not CORS-safelisted.

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

This code tells axios to attach a custom header to every request. Ergo, your request is being sent with a non safelisted header, which the server won’t permit, so you receive the error.

To permit the request, the server must be configured to allow the custom header.

Leave a comment