access_control_vue

    1.1.2 • Public • Published

    vue access control

    用法:

    // ajax.js
    Vue.prototype.$axios = axios
     
    axios.interceptors.request.use(
        config => {
            // 没有权限
            if (config.haveNoRight) {
                return Promise.reject({
                    haveNoRight: true
                })
            }
            // ...
        }
    )
     
    // 使用的地方
    // ...
    import AccessControl from 'access_control_vue'
     
    // 区分生产环境,用以控制AccessControl开关是否打开
    const isProduction = process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'test'
     
    // 异步接口权限限制
    AccessControl.syncLimit({
        axios: this.$axios,
        asyncInterface: '异步接口1,异步接口2...',
        switchOn: isProduction
    })
     
    // 全局导航守卫
    this.$router.beforeEach(
        AccessControl.routerGuard({
            syncInterface: '可访问路由1,可访问路由2...',
            certainPath: '/certainPath/',
            switchOn: isProduction,
            defaultPage: '/welcomePage'
        })
    )
     
     
     

    Keywords

    none

    Install

    npm i access_control_vue

    DownloadsWeekly Downloads

    11

    Version

    1.1.2

    License

    ISC

    Unpacked Size

    4.85 kB

    Total Files

    3

    Last publish

    Collaborators

    • frida_s