feat: add zebra token

Author: supersonictw

package-lock.json

@@ -12,6 +12,7 @@
     "autoprefixer": "^10",
     "core-js": "^3.8.3",
     "dayjs": "^1.11.12",
+    "nanoid": "^5.0.7",
     "postcss": "^8",
     "tailwindcss": "^3",
     "ua-parser-js": "^1.0.38",

package.json

@@ -3,8 +3,13 @@
 import Vue from "vue";
 import axios from "axios";
 
+import {
+    nanoid,
+} from "nanoid";
+
 const {
     VUE_APP_OCJI_HOST: ocjiRecvHost,
+    VUE_APP_OCJI_ZEBRA_TOKEN_NAME: zebraTokenName,
     VUE_APP_SARA_TOKEN_NAME: saraTokenName,
 } = process.env;
 
@@ -27,7 +32,14 @@ axiosClient.interceptors.request.use(
             return config
         }
 
+        let zebraToken = localStorage.getItem(zebraTokenName);
+        if (!zebraToken) {
+            zebraToken = nanoid();
+            localStorage.setItem(zebraTokenName, zebraToken);
+        }
+
         config.headers["Authorization"] = `SARA ${saraToken}`;
+        config.headers["X-OCJI-Zebra"] = zebraToken;
         return config;
     },
     // Do something with request error