access_control_vue
v1.1.2
Published
### 用法: ```javascript // ajax.js Vue.prototype.$axios = axios
Downloads
6
Readme
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'
})
)