vue-next-admin前端设置路由白名单
时间: 2023-08-14 12:05:53 浏览: 119
在 vue-next-admin 中设置路由白名单可以通过以下步骤进行:
1. 打开 `src/router/index.js` 文件,该文件是前端路由配置文件。
2. 在文件中找到 `createRouter` 函数,在该函数内部找到 `const router = createRouter({})` 这一行代码。
3. 在 `{}` 中添加一个新的属性,例如 `whiteList`,并设置为一个数组。
4. 在 `whiteList` 数组中添加需要设置为白名单的路由路径。
5. 在 `router.beforeEach` 方法中添加判断逻辑,判断当前路由是否在白名单中。
6. 如果当前路由在白名单中,则直接通过 `next()` 方法进入下一个路由。
7. 如果当前路由不在白名单中,则进行其他操作,例如跳转到登录页或者提示没有权限等。
下面是一个示例代码:
```javascript
import { createRouter, createWebHistory } from 'vue-router'
const whiteList = ['/login', '/register'] // 设置白名单路由
const router = createRouter({
history: createWebHistory(),
routes: [
// 路由配置
]
})
router.beforeEach((to, from, next) => {
if (whiteList.includes(to.path)) {
// 如果当前路由在白名单中,直接通过
next()
} else {
// 其他操作,例如跳转到登录页或者提示没有权限等
}
})
export default router
```
根据需要,你可以根据自己的业务需求进行适当的调整和扩展。