Axios POST requests don't send Authorization headers, but GET requests do

[nathanchase]

Version

v5.1.0

Reproduction link

https://stackoverflow.com/questions/45846359/axios-post-not-sending-auth-header-but-get-does

Steps to reproduce

Call axios.post(url) while already logged in and with existing user auth token in place (aka bearer eyJ0eXAiOiJKV1QiLCJhbGci...)

Request should contain the Authorization header, but does not.

Call axios.get(url) and the header exists and sends correctly

What is expected ?

axios.post should send the Authorization header

What is actually happening?

axios.post is not sending the Authorization header

_{This bug report is available on Nuxt community (#c156)}

[pi0]

Hi @nathanchase. Thanks for the bug report but the reproduction link seems neither using Axios module ($axios) or even Nuxt.js.

BTW it seems to be already answered there: https://stackoverflow.com/a/45846952

[paulgv]

Hi @nathanchase
I think it's clear enough in the documentation that you should use this.$axios in store actions: https://axios.nuxtjs.org/usage.html
If you think it should be made clearer, feel free to open a PR where the change can be discussed.

[nathanchase]

For the record, the issue here was that in my Vuex store, I was importing axios:

import axios from 'axios

instead of using this.$axios

It's not clear in the documentation that you're supposed to be using this.$axios, so I didn't understand why any of the headers set using auth-module weren't making their way to axios inside my store actions.

I'd recommend something that says "NOTE: DO NOT import axios, just use this.$axios" in the documentation.

This bug-report has been cancelled by @paulgv.