Level 29
If you want to use the axios import from bootstrap you can just use axios in your other js files. You don't need to use window.axios
1 like
May 31, 2024
6
Level 4
Using Axios / Boostrap
In my JS I am doing:
import axios from 'axios';
Then i'm using axios in the usual fashion.
But i've also seen this in the bootstrap file:
import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
As I am importing axios again I presume that I am not using the bootstrap version of axios with the default headers config?
-
What is the purpose of this config?
-
If I want to use the bootstrap version of axios, instead of importing it to my file, should I do window.axios to make a axios call?
Level 4
@gych ok so I just use import axios from 'axios'; in my other files?
Also, what is the purpose of setting window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';.
Level 29
@panthro You don't need to use import axios from 'axios'; in other files because the import in bootstrap js will already work in other js files because the import of boostrap.js in app.js
This window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';. add X-Requested-With header to all axios request with as value XMLHttpRequest.
If you want detailed info on what XMLHttpRequest does check this page: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
Level 4
@gych thanks but if i remove the import from each of my files that use axios it errors?
Level 29
@panthro strange, is your bootstrap.js imported in app.js ?
Level 4
@gych yes it is.
Please or to participate in this conversation.