若依前后台分离vue项目放开前台页面拦截配置

使用场景某些页面不需要权限就能直接访问的页面 , 例如做个单点登录之类的。这里只需要修改2处即可

ssologin.vue代码

<template>
</template>
<script>
export default {
  name: "SsoLogin",
  data() {
    return {
      redirect: undefined,
      userInfo: {
        username: "",
        uuid: "",
      },
      loading: false,
    }
  },
  watch: {
    $route: {
      handler: function (route) {
        this.redirect = route.query && route.query.redirect;
      },
      immediate: true
    }
  },
  methods: {},
  created() {
    this.userInfo.uuid = this.$route.query.uuid;
    this.userInfo.username = this.$route.query.username;
    this.$store.dispatch("SsoLogin", this.userInfo).then(() => {
      this.loading = true;
      this.$router.push({path: this.redirect || "/"}).catch(() => {
      });
    }).catch(() => {
    });
  }
}
</script>

user.js添加了单点登录

import {login, logout, ssoLogin, getInfo} from '@/api/login'


    SsoLogin({commit}, userInfo) {
      return new Promise((resolve, reject) => {
        ssoLogin(userInfo.uuid, userInfo.username).then(res => {
          setToken(res.data.token)
          commit('SET_TOKEN', res.data.token)
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },