Skip to content

Instantly share code, notes, and snippets.

@warlord0
Last active March 6, 2018 10:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save warlord0/771c8009a1daa48dc5539e3d5aa57fb1 to your computer and use it in GitHub Desktop.
Save warlord0/771c8009a1daa48dc5539e3d5aa57fb1 to your computer and use it in GitHub Desktop.
Laravel Axios app.js
/**
* We'll load the axios HTTP library which allows us to easily issue requests
* to our Laravel back-end. This library automatically handles sending the
* CSRF token as a header based on the value of the "XSRF" token cookie.
*/
require('es6-promise').polyfill();
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
/**
* Next we will register the CSRF Token as a common header with Axios so that
* all outgoing HTTP requests automatically have it attached. This is just
* a simple convenience so we don't have to attach every token manually.
*/
let token = document.head.querySelector('meta[name="csrf-token"]');
if (token) {
// Add the csrf token to both axios calls and jquery ajax calls
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': token.content
}
});
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}
@warlord0
Copy link
Author

warlord0 commented Mar 6, 2018

If you're planning on using axios with ie11 clients you'll need to polyfill the Promise using something like https://github.com/stefanpenner/es6-promise

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment