add config

package.json

@@ -7,7 +7,9 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "axios": "^0.19.2",
     "core-js": "^3.6.4",
+    "postcss-px2rem": "^0.3.0",
     "vant": "^2.6.0",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",

postcss.config.js

+module.exports = {
+    plugins: {
+        autoprefixer: {},
+        "postcss-px2rem": {
+            remUnit: 37.5
+        }
+    }
+  };
\ No newline at end of file

src/api/index.js

+import axios from "./axios";
+import store from "../store/index";
+import Mgr from "../assets/js/SecurityService";
+
+const instance = axios();
+const api = {
+    get(url, params, headers) {
+        let options = {};
+        if (params) {
+            options.params = params;
+        }
+        if (headers) {
+            options.headers = headers;
+        }
+        if (url.indexOf("/file/") > -1 && params === "") {
+            instance.defaults.responseType = "arraybuffer";
+        }
+        return instance.get(url, options);
+    },
+    post(url, params, headers) {
+        let options = {};
+        if (headers) {
+            options.headers = headers;
+        }
+        if (url.indexOf("/export") > -1) {
+            instance.defaults.responseType = "arraybuffer";
+        }
+        return instance.post(url, params, options);
+    },
+    put(url, params, headers) {
+        let options = {};
+        if (headers) {
+            options.headers = headers;
+        }
+        return instance.put(url, params, options);
+    },
+    delete(url, params, headers) {
+        let options = {};
+        if (params) {
+            options.data = params;
+        }
+        if (headers) {
+            options.headers = headers;
+        }
+        return instance.delete(url, options);
+    },
+    patch(url,params,headers){
+        let options = {};
+        if (headers) {
+            options.headers = headers;
+        }
+        return instance.patch(url,params,options)
+    }
+};
+
+
+
+function getCompanyHeader(){
+    const accessToken = store.getters.getCompanyToken;
+    const Authorization =`Bearer ${accessToken}`; 
+    return { Authorization }
+}
+
+
+//mgr.getAcessToken
+/**
+ * 带companyToken的请求
+ */
+export const companyApi = {
+    companyId:() => store.getters.getCompanyId ,
+    get:(url, params)=> api.get(url,params, getCompanyHeader()),
+    post:(url, params )=> api.post(url,params,getCompanyHeader()),
+    put:(url,params)=> api.put(url,params ,getCompanyHeader()),
+    delete:(url,params)=> api.delete(url,params ,getCompanyHeader()),
+    patch:(url,params) => api.patch(url,params, getCompanyHeader())
+};
+
+
+
+function getUserHeader(){
+    const mgr = new Mgr();
+    return mgr.getAcessToken().then(token=>{
+        return {
+            Authorization: `Bearer ${token}`
+        }
+    })
+}
+//api.patch()
+
+export const userApi = {
+   get:(url, params)=> getUserHeader().then(headers=>api.get(url, params, headers)),
+   post:(url, params)=> getUserHeader().then(headers=>api.post(url, params, headers)),
+   put:(url, params)=> getUserHeader().then(headers=>api.put(url, params, headers)),
+   delete:(url, params)=> getUserHeader().then(headers=>api.delete(url, params, headers))
+}
+
+export default api;

src/router/person-router.js

 export default [
     {
         path: "/",
-        name: "personIndex",
-        component: () => import("@/views/Person/index.vue"),
+        name: "index",
+        component: () => import("@/views/Bill/index.vue"),
         meta: {
             requiresAuth: true,
-            title: "人事服务"
+            title: "人事服务 "
         }
     }
 ]
\ No newline at end of file

src/store/index.js

 import Vue from 'vue'
 import Vuex from 'vuex'
+import token from "./modules/token";
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
-  state: {
-  },
-  mutations: {
-  },
-  actions: {
-  },
   modules: {
+      token
   }
-})
+});

src/store/modules/token.js

+import types from "../types"
+let token = "";
+
+try {
+    if (localStorage.getItem('token')) {
+        token = localStorage.getItem('token');
+    }
+} catch (error) { }
+
+
+
+const state = { token };
+
+const getters = {
+    getToken(state) {
+        return state.token;
+    }
+};
+
+const actions = {
+    changeToken({ commit }, token) {
+        commit(types.CHANGE_TOKEN, token);
+    }
+};
+
+const mutations = {
+    [types.CHANGE_TOKEN](state, token) {
+      state.token = token;
+      try {
+        localStorage.setItem("token", token);
+      } catch (error) { }
+    },
+  };
+  // 最后统一导出
+  export default {
+    state,
+    getters,
+    actions,
+    mutations
+  };
\ No newline at end of file

src/store/types.js

+//定义类型常量，默认全部大写义类型常量，默认全部大写
+const CHANGE_TOKEN = "CHANGE_TOKEN";
+
+export default {
+    CHANGE_TOKEN
+}
\ No newline at end of file