使用Pinia代替Vuex进行数据存储

RuoYi

2022-05-29 44ad220cdd7eb3c967a4ccac0b2e5b0c0e22738e

 src/permission.js

@@ -1,11 +1,13 @@
import router from './router'

import store from './store'

import { ElMessage } from 'element-plus'

import NProgress from 'nprogress'

import 'nprogress/nprogress.css'

import { getToken } from '@/utils/auth'

import { isHttp } from '@/utils/validate'

import { isRelogin } from '@/utils/request'

import useUserStore from '@/store/modules/user'

import useSettingsStore from '@/store/modules/settings'

import usePermissionStore from '@/store/modules/permission'



NProgress.configure({ showSpinner: false });



@@ -14,18 +16,18 @@
router.beforeEach((to, from, next) => {

  NProgress.start()

  if (getToken()) {

    to.meta.title && store.dispatch('settings/setTitle', to.meta.title)

    to.meta.title && useSettingsStore().setTitle(to.meta.title)

    /* has token*/

    if (to.path === '/login') {

      next({ path: '/' })

      NProgress.done()

    } else {

      if (store.getters.roles.length === 0) {

      if (useUserStore().roles.length === 0) {

        isRelogin.show = true

        // 判断当前用户是否已拉取完user_info信息

        store.dispatch('GetInfo').then(() => {

        useUserStore().getInfo().then(() => {

          isRelogin.show = false

          store.dispatch('GenerateRoutes').then(accessRoutes => {

          usePermissionStore().generateRoutes().then(accessRoutes => {

            // 根据roles权限生成可访问的路由表

            accessRoutes.forEach(route => {

              if (!isHttp(route.path)) {

@@ -35,7 +37,7 @@
            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成

          })

        }).catch(err => {

          store.dispatch('LogOut').then(() => {

          useUserStore().logOut().then(() => {

            ElMessage.error(err)

            next({ path: '/' })

          })