How to update axios http header?

Question

Vue.js

Good day. How to dynamically update the http header in axios when receiving a token? Now, upon receipt, the token changes in the state, but the requests come with the old token in the header, you have to completely refresh the page so that the requests begin to be sent with the new header. Why is it necessary to reload the page to change the title?

Answer 1

axios.defaults.headers.common['Auth-Token'] = 'new token';