perf: pass header token to backend

frontend/src/main.js

@@ -13,7 +13,7 @@ import App from './App.vue'
 // Composables
 import { createApp } from 'vue'
 
-import axios from 'axios'
+import axios from './utils/axios-wrapper.js'
 import store from './store/index.js'
 import VueCookies from 'vue-cookies'
 

frontend/src/pages/auth.vue

@@ -171,6 +171,8 @@ export default {
                     if (res.data.code === 0) {
                         this.toast('登录成功', 'success')
                         this.$store.commit('tokenCheck', this.$bus)
+                        // save token to local storage
+                        localStorage.setItem('access-token', res.data.data.token)
                     } else {
                         this.toast('登录失败：' + res.data.msg)
                     }

frontend/src/utils/axios-wrapper.js

@@ -0,0 +1,15 @@
+import axios from 'axios';
+
+axios.interceptors.request.use(function (config) {
+    // add Authorization header before request is sent
+    const token = localStorage.getItem('access-token');
+    if (token) {
+      config.headers
+        .Authorization = `Bearer ${token}`;
+    }
+    return config;
+  }, function (error) {
+    return Promise.reject(error);
+  });
+
+export default axios;