El problema que tengo es que cuando trato de hacer una solicitud POST sigo recibiendo el error "No autenticado". Este problema se debe a que no se pasa api_token . Si hago esta solicitud usando PostMan, funciona.

Dentro app.js hice un console.log(axios.defaults.headers.common) y eso me devuelve el X-CSRF-Token & Authorization Bearer xxxx .

Aunque, justo antes de la llamada de axios en el sitio web (después del envío), agregué otro console.log(axios.defaults.headers.common) y lo único que devolvió es Accept: 'application/json, text/plain, */*' lo que explica por qué aparece el error "No autenticado", aunque no puedo entender por qué es correcto en app.js , pero no pasa nada después del hecho. NOTA: No volví a importar axios en mi componente.

Dentro de mi archivo app.js , preestablecí los encabezados para axios:

 window.axios = require('axios') let token = document.head.querySelector('meta[name="csrf-token"]'); if (token) { window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; } let api_token = document.head.querySelector('meta[name="api-token"]'); if (api_token) { console.log('api_token.content',api_token.content ) // THIS ABOVE RETURNS DATA CORRECTLY. window.axios.defaults.headers.common['Authorization'] = 'Bearer ' + api_token.content; }

Sitio web - componente después de enviar:

 async submitForm () { console.log('window.axios.default.headers.common', axios.defaults.headers.common) // THIS ABOVE ^^ RETURNS EMPTY HEADERS const res = await axios.post('/api/product/add/validate', this.form) }