feat: add authenticated http factory to create an axios instance with bearer header

src/http-common/index.js

@@ -1,7 +1,22 @@
 import axios from 'axios'
+import {getToken} from '@/helpers/auth'
 
 export const HTTPFactory = () => {
 	return axios.create({
 		baseURL: window.API_URL,
 	})
 }
+
+export const AuthenticatedHTTPFactory = (token = null) => {
+	if (token === null) {
+		token = getToken()
+	}
+	
+	return axios.create({
+		baseURL: window.API_URL,
+		headers: {
+			Authorization: `Bearer ${token}`,
+			'Content-Type': 'application/json',
+		},
+	})
+}

src/store/modules/auth.js

@@ -1,4 +1,4 @@
-import {HTTPFactory} from '@/http-common'
+import {HTTPFactory, AuthenticatedHTTPFactory} from '@/http-common'
 import {getCurrentLanguage, saveLanguage} from '@/i18n'
 import {LOADING} from '../mutation-types'
 import UserModel from '@/models/user'
@@ -211,13 +211,9 @@ export default {
 				return
 			}
 
-			const HTTP = HTTPFactory()
+			const HTTP = AuthenticatedHTTPFactory(jwt)
 			try {
-				const response = await HTTP.get('user', {
-					headers: {
-						Authorization: `Bearer ${jwt}`,
-					},
-				})
+				const response = await HTTP.get('user')
 				const info = new UserModel(response.data)
 				info.type = state.info.type
 				info.email = state.info.email