session保存token

kongdeqiang

2023-04-26 cb5c9968b763362d399e1c7fce1129ec7434aba8

session保存token

 src/libs/axios.js

@@ -1,5 +1,5 @@
import axios from 'axios';
import { getStore, setStore } from './storage';
import { getStore, setStore,getSessionStore,setSessionStore} from './storage';
import { router } from '../router/index';
import { Message } from 'view-design';
import Cookies from 'js-cookie';
@@ -25,7 +25,7 @@
        case 401:
            // 未登录 清除已登录状态
            Cookies.set('userInfo', '');
            setStore('accessToken', '');
            setSessionStore('accessToken', '');
            if (router.history.current.name != "login") {
                if (data.message !== null) {
                    Message.error(data.message);
@@ -63,7 +63,7 @@
});

export const getRequest = (url, params, responseType = null) => {
    let accessToken = getStore('accessToken');
    let accessToken = getSessionStore('accessToken');
    return axios({
        method: 'get',
        url: `${baseApi}${url}`,
@@ -75,7 +75,7 @@
    });
};
export const getmethod = (url, params) => {
    let accessToken = getStore('accessToken');
    let accessToken = getSessionStore('accessToken');
    return axios({
        method: 'get',
        url: `${baseApi}${url}`,
@@ -88,7 +88,7 @@
};

export const postRequest = (url, params) => {
    let accessToken = getStore("accessToken");
    let accessToken = getSessionStore("accessToken");
    return axios({
        method: 'post',
        url: `${baseApi}${url}`,
@@ -109,7 +109,7 @@
};

export const putRequest = (url, params) => {
    let accessToken = getStore("accessToken");
    let accessToken = getSessionStore("accessToken");
    return axios({
        method: 'put',
        url: `${baseApi}${url}`,
@@ -130,7 +130,7 @@
};

export const postBodyRequest = (url, params) => {
    let accessToken = getStore('accessToken');
    let accessToken = getSessionStore('accessToken');
    return axios({
        method: 'post',
        url: `${baseApi}${url}`,
@@ -143,8 +143,8 @@

/**
 * 无需token验证的GET请求 避免旧token过期导致请求失败
 * @param {*} url 
 * @param {*} params 
 * @param {*} url
 * @param {*} params
 */
export const getNoAuthRequest = (url, params) => {
    return axios({

 src/libs/hasRole.js

@@ -1,4 +1,4 @@
import { getStore } from './storage';
import { getStore,getSessionStore } from './storage';

const hasRole = {
    install (Vue, options) {

 src/libs/storage.js

@@ -8,6 +8,14 @@
    }
    window.localStorage.setItem(name, content);
}
export const setSessionStore = (name, content) => {
    if (!name) return;
    if (typeof content !== 'string') {
        content = JSON.stringify(content);
    }
    window.sessionStorage.setItem(name, content);
}


/**
 * 获取localStorage
@@ -21,6 +29,16 @@
    return v;
}

export const getSessionStore = name => {
    if (!name) return;
    let v = window.sessionStorage.getItem(name);
    if (v == null) {
        return "";
    }
    return v;
}


/**
 * 删除localStorage
 */

 src/libs/util.js

@@ -328,7 +328,7 @@
    if (!vm.$store.state.app.added) {
        vm.$Loading.start();
        // 第一次加载 读取数据
        let accessToken = window.localStorage.getItem('accessToken');
        let accessToken = window.sessionStorage.getItem('accessToken');
        // 加载菜单
        axios.get(getMenuList, { headers: { 'accessToken': accessToken } }).then(res => {
            vm.$Loading.finish();

 src/main.js

@@ -8,7 +8,7 @@
import store from './store'
import i18n from '@/locale'
import { getRequest, postRequest, putRequest, postBodyRequest, getNoAuthRequest, postNoAuthRequest } from '@/libs/axios'
import { setStore, getStore, removeStore } from '@/libs/storage'
import { setStore, getStore, removeStore,setSessionStore,getSessionStore } from '@/libs/storage'
import { format } from "date-fns"
import util from '@/libs/util'
import hasPermission from '@/libs/hasPermission'
@@ -45,6 +45,9 @@
Vue.prototype.postNoAuthRequest = postNoAuthRequest;
Vue.prototype.setStore = setStore;
Vue.prototype.getStore = getStore;
Vue.prototype.setSessionStore = setSessionStore;
Vue.prototype.getSessionStore = getSessionStore;

Vue.prototype.removeStore = removeStore;
Vue.prototype.format = format;


 src/views/Main.vue

@@ -166,6 +166,7 @@
import circleLoading from "@/views/my-components/xboot/circle-loading.vue";

import util from "@/libs/util.js";
import {getSessionStore} from "../libs/storage";

export default {
  components: {

 src/views/access/access.vue

@@ -99,6 +99,8 @@
</template>

<script>
import {getSessionStore} from "../../libs/storage";

export default {
  name: "access_index",
  data() {

 src/views/activiti/historic-detail/historicDetail.vue

@@ -215,7 +215,7 @@
        getHighlightImg +
        this.id +
        "?accessToken=" +
        this.getStore("accessToken") +
        this.getSessionStore("accessToken") +
        "&time=" +
        new Date();
      this.getDataList();
@@ -262,4 +262,4 @@
    },
  },
};
</script>
</script>

 src/views/activiti/model-manage/modelManage.vue

@@ -424,7 +424,7 @@
      }
      this.modelerUrl = `${this.domain}/modeler/modeler.html?modelId=${
        v.id
      }&accessToken=${this.getStore("accessToken")}&time=${new Date()}`;
      }&accessToken=${this.getSessionStore("accessToken")}&time=${new Date()}`;
      this.showModeler = true;
      this.modelerLoading = true;
      let that = this;
@@ -491,7 +491,7 @@
    },
    export(v) {
      window.open(
        exportModel + v.id + "?accessToken=" + this.getStore("accessToken")
        exportModel + v.id + "?accessToken=" + this.getSessionStore("accessToken")
      );
    },
    remove(v) {
@@ -556,4 +556,4 @@
    },
  },
};
</script>
</script>

 src/views/activiti/process-manage/processManage.vue

@@ -458,7 +458,7 @@
  methods: {
    init() {
      this.accessToken = {
        accessToken: this.getStore("accessToken"),
        accessToken: this.getSessionStore("accessToken"),
      };
      this.deployByFileUrl = deployByFile;
      this.getDataList();
@@ -636,13 +636,13 @@
        window.open(
          `${exportResource}?id=${
            v.id
          }&type=${type}&accessToken=${this.getStore("accessToken")}`
          }&type=${type}&accessToken=${this.getSessionStore("accessToken")}`
        );
      } else if (type == 1) {
        this.viewTitle = "流程图片预览(" + v.diagramName + ")";
        this.diagramUrl = `${exportResource}?id=${
          v.id
        }&type=${type}&accessToken=${this.getStore("accessToken")}`;
        }&type=${type}&accessToken=${this.getSessionStore("accessToken")}`;
        this.viewImage = true;
      }
    },
@@ -708,4 +708,4 @@
    },
  },
};
</script>
</script>

 src/views/authorize.vue

@@ -353,7 +353,7 @@
          authorize(this.form).then((res) => {
            if (res.success) {
              // 存储accessToken
              this.setStore("accessToken", res.result.accessToken);
              this.setSessionStore("accessToken", res.result.accessToken);
              let redictInfo = res.result;
              // 获取用户信息
              userInfo().then((res) => {

 src/views/auto-chat/setting/setting.vue

@@ -374,7 +374,7 @@
        });
        return;
      }
      this.demoUrl = `${this.domain}/chat/chat.html?accessToken=${this.getStore(
      this.demoUrl = `${this.domain}/chat/chat.html?accessToken=${this.getSessionStore(
        "accessToken"
      )}&time=${new Date()}`;
      if (previewPC) {
@@ -510,4 +510,4 @@
    background: #fafafa;
  }
}
</style>
</style>

 src/views/login.vue

@@ -194,6 +194,7 @@
                        ]
                    }
                ],
                sessionStorage: null,
                showMore: false,
                code:"",
                captchaId: "",
@@ -246,14 +247,15 @@
            },
            afterLogin(res) {
                let accessToken = res.result;
                this.setStore("accessToken", accessToken);
                console.log("login_afterLogin()",accessToken)
                this.setSessionStore("accessToken", accessToken);
                getOtherSet().then((res) => {
                    if (res.result) {
                        let domain = res.result.ssoDomain;
                        Cookies.set("accessToken", accessToken, {
                            domain: domain,
                            expires: 7,
                        });
                        // Cookies.set("accessToken", accessToken, {
                        //     domain: domain,
                        //     expires: 7,
                        // });
                    }
                });
                // 获取用户信息
@@ -406,14 +408,14 @@
                        if (res.success) {
                            this.socialLogining = true;
                            let accessToken = res.result;
                            this.setStore("accessToken", accessToken);
                            this.setSessionStore("accessToken", accessToken);
                            getOtherSet().then((res) => {
                                if (res.result) {
                                    let domain = res.result.ssoDomain;
                                    Cookies.set("accessToken", accessToken, {
                                        domain: domain,
                                        expires: 7,
                                    });
                                    // Cookies.set("accessToken", accessToken, {
                                    //     domain: domain,
                                    //     expires: 7,
                                    // });
                                }
                            });
                            // 获取用户信息
@@ -500,6 +502,7 @@
            //this.showNotice();
            this.relatedLogin();
            this.getCaptchaImg();

        },
    };
</script>

 src/views/login1.vue

@@ -303,6 +303,7 @@
          ]
        }
      ],
      sessionStorage: null,
      showMore: false,
      captchaId: "",
      captchaImg: "",
@@ -387,14 +388,15 @@
    },
    afterLogin(res) {
      let accessToken = res.result;
      this.setStore("accessToken", accessToken);
      this.setSessionStore("accessToken", accessToken);
      getOtherSet().then((res) => {
        if (res.result) {
          let domain = res.result.ssoDomain;
          Cookies.set("accessToken", accessToken, {
            domain: domain,
            expires: 7,
          });
          // Cookies.set("accessToken", accessToken, {
          //   domain: domain,
          //   expires: 7,
          // });

        }
      });
      // 获取用户信息
@@ -410,7 +412,7 @@
          this.setStore("roles", roles);
          this.setStore("saveLogin", this.saveLogin);
          if (this.saveLogin) {
            // 保存7天
            保存7天
            Cookies.set("userInfo", JSON.stringify(res.result), {
              expires: 7,
            });
@@ -546,14 +548,14 @@
          if (res.success) {
            this.socialLogining = true;
            let accessToken = res.result;
            this.setStore("accessToken", accessToken);
            this.setSessionStore("accessToken", accessToken);
            getOtherSet().then((res) => {
              if (res.result) {
                let domain = res.result.ssoDomain;
                Cookies.set("accessToken", accessToken, {
                  domain: domain,
                  expires: 7,
                });
                // Cookies.set("accessToken", accessToken, {
                //   domain: domain,
                //   expires: 7,
                // });
              }
            });
            // 获取用户信息
@@ -640,6 +642,7 @@
    this.showNotice();
    this.relatedLogin();
    this.getCaptchaImg();
    this.sessionStorage = window.sessionStorage;
  },
};
</script>

 src/views/main-components/search.vue

@@ -59,6 +59,7 @@
<script>
import axios from "axios";
import { getMenuList } from "@/api/index";
import {getSessionStore} from "../../libs/storage";
export default {
  name: "search",
  props: {
@@ -83,7 +84,7 @@
      let menuData = this.getStore("menuData");
      if (!menuData) {
        // 第一次加载 读取数据
        let accessToken = this.getStore("accessToken");
        let accessToken = this.getSessionStore("accessToken");
        // 加载菜单
        axios
          .get(getMenuList, { headers: { accessToken: accessToken } })

 src/views/main-components/user.vue

@@ -36,6 +36,7 @@
import { getOtherSet } from "@/api/index";
import util from "@/libs/util.js";
import changePass from "@/views/change-pass/change-pass";
import {getSessionStore} from "../../libs/storage";
export default {
  name: "user",
  components: {
@@ -106,13 +107,13 @@
          this.$store.commit("setLoading", false);
          if (res.result) {
            let domain = res.result.ssoDomain;
            Cookies.set("accessToken", "", {
              domain: domain,
              expires: 7,
            });
            // Cookies.set("accessToken", "", {
            //   domain: domain,
            //   expires: 7,
            // });
          }
          this.$store.commit("logout", this);
          this.setStore("accessToken", "");
          this.setSessionStore("accessToken", "")
          // 强制刷新页面 重新加载router
          location.reload();
        });
@@ -126,4 +127,4 @@
</script>

<style lang="less" scoped>
</style>
</style>

 src/views/my-components/xboot/editor.vue

@@ -228,7 +228,7 @@
          this.editor.config.uploadImgServer = uploadFile;
          // xboot如要header中传入token鉴权
          this.editor.config.uploadImgHeaders = {
            accessToken: that.getStore("accessToken"),
            accessToken: that.getSessionStore("accessToken"),
          };
          this.editor.config.uploadFileName = "file";
          this.editor.config.uploadImgHooks = {
@@ -267,7 +267,7 @@
      if (this.uploadVideo) {
        this.editor.config.uploadVideoServer = uploadFile;
        this.editor.config.uploadVideoHeaders = {
          accessToken: that.getStore("accessToken"),
          accessToken: that.getSessionStore("accessToken"),
        };
        this.editor.config.uploadVideoName = "file";
        this.editor.config.uploadVideoHooks = {

 src/views/my-components/xboot/file-upload.vue

@@ -112,7 +112,7 @@
  methods: {
    init() {
      this.accessToken = {
        accessToken: this.getStore("accessToken"),
        accessToken: this.getSessionStore("accessToken"),
      };
      this.setCurrentValue(this.value);
    },

 src/views/my-components/xboot/quill.vue

@@ -157,7 +157,7 @@
  methods: {
    initEditor() {
      this.accessToken = {
        accessToken: this.getStore("accessToken")
        accessToken: this.getSessionStore("accessToken")
      };
      this.editor = new Quill(`#${this.id}`, this.options);
      let that = this;

 src/views/my-components/xboot/upload-pic-input.vue

@@ -150,7 +150,7 @@
  methods: {
    init() {
      this.accessToken = {
        accessToken: this.getStore("accessToken"),
        accessToken: this.getSessionStore("accessToken"),
      };
    },
    viewImage() {

 src/views/my-components/xboot/upload-pic-thumb.vue

@@ -144,7 +144,7 @@
    init() {
      this.setData(this.value);
      this.accessToken = {
        accessToken: this.getStore("accessToken"),
        accessToken: this.getSessionStore("accessToken"),
      };
    },
    handleView(v, i) {

 src/views/own-space/message.vue

@@ -21,6 +21,8 @@
</template>

<script>
import {getSessionStore} from "../../libs/storage";

export default {
  components: {},
  name: "message",

 src/views/own-space/own-space.vue

@@ -40,6 +40,7 @@
import security from "./security";
import social from "./social";
import message from "./message";
import {getSessionStore} from "../../libs/storage";
export default {
  components: {
    user,

 src/views/relate.vue

@@ -147,14 +147,14 @@
                if (res.success) {
                  this.$Message.success("绑定成功");
                  let accessToken = res.result;
                  this.setStore("accessToken", accessToken);
                  this.setSessionStore("accessToken", accessToken);
                  getOtherSet().then((res) => {
                    if (res.result) {
                      let domain = res.result.ssoDomain;
                      Cookies.set("accessToken", accessToken, {
                        domain: domain,
                        expires: 7,
                      });
                      // Cookies.set("accessToken", accessToken, {
                      //   domain: domain,
                      //   expires: 7,
                      // });
                    }
                  });
                  // 获取用户信息

 src/views/sys/oss-manage/ossManage.vue

@@ -794,7 +794,7 @@
    },
    init() {
      this.accessToken = {
        accessToken: this.getStore("accessToken"),
        accessToken: this.getSessionStore("accessToken"),
      };
      checkOssSet().then((res) => {
        if (!res.success) {
@@ -1133,4 +1133,4 @@
    this.init();
  },
};
</script>
</script>

 src/views/sys/user-manage/userManage.vue

@@ -255,6 +255,7 @@
import excel from "@/libs/excel";
import addEdit from "./addEdit.vue";
import dict from "@/views/my-components/xboot/dict";
import {getSessionStore} from "../../../libs/storage";
export default {
  name: "user-manage",
  components: {
@@ -939,4 +940,4 @@
    this.init();
  },
};
</script>
</script>

 src/views/xboot-vue-generator/tableGenerator.vue

@@ -503,6 +503,7 @@
import { generateTable, getEntityData } from "@/api/index";
import customList from "@/views/my-components/xboot/custom-list";
import FileSaver from "file-saver";
import {getSessionStore} from "../../libs/storage";
export default {
  name: "table-generator",
  components: {
@@ -979,4 +980,4 @@
    this.init();
  },
};
</script>
</script>

 src/views/xboot-vue-generator/treeGenerator.vue

@@ -342,6 +342,7 @@
import { generateTree, getEntityData } from "@/api/index";
import customList from "@/views/my-components/xboot/custom-list";
import FileSaver from "file-saver";
import {getSessionStore} from "../../libs/storage";
export default {
  name: "tree-generator",
  components: {
@@ -727,4 +728,4 @@
    this.init();
  },
};
</script>
</script>

 src/views/xboot-vue-template/excel/excel.vue

@@ -135,6 +135,7 @@
import { userColumns, userData } from "@/views/sys/user-manage/importTemplate";
// excel转换工具类
import excel from "@/libs/excel";
import {getSessionStore} from "../../../libs/storage";
export default {
  name: "excel",
  data() {
@@ -518,4 +519,4 @@
    this.init();
  },
};
</script>
</script>

 src/views/your/carInfo-manage/carInfoManage.vue

@@ -191,6 +191,7 @@
  import util from "@/libs/util.js";
  import excel from "@/libs/excel.js";
  import {exportColumn} from "./exportColumn";
  import {getSessionStore} from "../../../libs/storage";
  export default {
    name: "car-manage",
    data() {