添加token鉴权

package.json

@@ -13,6 +13,7 @@
     "axios": "^0.19.0",
     "core-js": "^3.4.4",
     "cos-js-sdk-v5": "^0.5.26",
+    "js-cookie": "^3.0.1",
     "js-md5": "^0.7.3",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",

src/api/modules/user.js

@@ -2,6 +2,8 @@
 export default {
   basePath: process.env.VUE_APP_JTXT_URL,
   apiList: {
+    // 登录接口
+    JTXT_GET_USER_USER_LOGIN: "user/login",
     //  admin获取所有用户
     JTXT_GET_USER_ADMIN_USERS: "users",
     // 查询今日积分

src/utils/axios.js

@@ -6,7 +6,7 @@ import { getAllPromise } from "@/utils/tools";
 import { objKeySort, dateChange } from "@/filters";
 import { Toast } from "vant";
 import md5 from "js-md5";
-
+import { getCookie } from "@/utils/cookie";
 // 完整配置参考:  https://github.com/axios/axios#request-config
 axios.defaults.headers.post["Content-Type"] = "application/json;charset=utf-8";
 
@@ -53,6 +53,7 @@ _axios.interceptors.request.use(
       config.headers.common["clientType"] = "h5";
       config.headers.common["timestamp"] = dateChange();
       config.headers.common["sign"] = md5(encodeURIComponent(paramsNew + config.headers.common.clientType + config.headers.common.timestamp + "n8R7vPaF3nJc"));
+      config.headers.common["Authorization"] = getCookie("token");
     }
     return config;
   },

src/utils/cookie.js

@@ -0,0 +1,17 @@
+"use strict";
+
+// 工具包：对cookie操作
+
+import Cookies from "js-cookie";
+
+export function getCookie(key) {
+  return Cookies.get(key);
+}
+
+export function setCookie(key, value) {
+  return Cookies.set(key, value);
+}
+
+export function removeCookie(key) {
+  return Cookies.remove(key);
+}

src/views/home/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="home-box">
-    <van-nav-bar v-if="env!=='pro'" title="京臻学堂" left-text right-text bind:click-left bind:click-right></van-nav-bar>
+    <van-nav-bar
+      v-if="env !== 'pro'"
+      title="京臻学堂"
+      left-text
+      right-text
+      bind:click-left
+      bind:click-right
+    ></van-nav-bar>
     <div v-show="activeTabName === 0" class="dropdown-div"></div>
     <transition name="tab" mode="out-in">
       <component :is="currentComponents" class="page" />
@@ -27,6 +34,7 @@ import PageAnswer from "./answer/page-answer";
 import PageExam from "./exam/page-exam";
 import PagePerson from "./person/page-person";
 import { mapState } from "vuex";
+import { setCookie } from "@/utils/cookie";
 export default {
   name: "home",
   components: { PageLearn, PageAnswer, PageExam, PagePerson },
@@ -111,12 +119,31 @@ export default {
         await this.getLanXinCode();
       } else {
         console.log("-从本地获取用户信息-");
+        // await this.$_http
+        //   .get(this.$_API.JTXT_GET_USER_ADMIN_USERS)
+        //   .then(res => {
+        //     this.$store.commit("updateUserItemStore", {
+        //       field: "userInfo",
+        //       value: res.data.content[0]
+        //     });
+        //   })
+        //   .catch(() => {
+        //     this.$store.commit("toggleLoading", false);
+        //   });
+
         await this.$_http
-          .get(this.$_API.JTXT_GET_USER_ADMIN_USERS)
+          .get(this.$_API.JTXT_GET_USER_USER_LOGIN, {
+            auth: {
+              username: "admin",
+              password: "admin"
+            }
+          })
           .then(res => {
+            console.log(res);
+            setCookie("token", res.data.token);
             this.$store.commit("updateUserItemStore", {
               field: "userInfo",
-              value: res.data.content[0]
+              value: res.data
             });
           })
           .catch(() => {
@@ -264,6 +291,7 @@ export default {
       await this.$_http
         .get(this.$_API.JTXT_GET_LAN_XIN_USER_INFO, { params })
         .then(res => {
+          setCookie("token", res.data.token);
           this.$store.commit("updateUserItemStore", {
             field: "userInfo",
             value: res.data