Last active
March 6, 2018 10:48
-
-
Save warlord0/771c8009a1daa48dc5539e3d5aa57fb1 to your computer and use it in GitHub Desktop.
Laravel Axios app.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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'); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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