Cannot read properties of undefined (reading 'headers')

[zucandu]

Hello,

When I tried to update the axios to version 1.0.0, I get this error. It works fine with 0.27.2

In the bootstrap.js, I used it with:

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

Please advise. Thank you.

[JavierAgueroCL]

I have the same issue

axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;

[thanhhungmk92]

I have the same issue . Help me, please

Info: laravel 7, vue 2
"laravel-mix": "^6.0.49",
"sass-loader": "^12.6.0",
"vue-loader": "^15.10.0",
"vue-template-compiler": "^2.7.12",
"webpack": "^5.23.0"

[Julian367]

Any solution for this?

[SneakyGerald]

Seems a new wrapper function default was added, you can still access common props like this:

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

Worked for me.