mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-09-22 12:09:19 +08:00
docs: 增加vue3、vue2文档
This commit is contained in:
53
newdocs/docs/notes/vue2/router.md
Normal file
53
newdocs/docs/notes/vue2/router.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: 路由操作
|
||||
createTime: 2025/04/23 23:43:26
|
||||
permalink: /vue2/router/
|
||||
---
|
||||
|
||||
OpenAuth.Pro采用的是标准vue router来管理页面跳转,基础知识请参考[https://router.vuejs.org/zh/](https://router.vuejs.org/zh/)。如果需要添加页面,可以通过以下两种方式:
|
||||
|
||||
## 模块管理添加页面
|
||||
|
||||
直接使用【基础配置】->【模块管理】功能添加自己想访问的页面。如图:
|
||||
|
||||

|
||||
|
||||
::: tip 提示
|
||||
如果添加的url里面带有`http`,系统会自动使用iframe加载一个三方的站点,无需特殊处理。如系统自带的【接口文档】模块
|
||||
:::
|
||||
|
||||
## 不通过模块管理添加页面
|
||||
|
||||
|
||||
在有些场景下,不想通过系统的【模块管理】功能添加页面,如登录、注册、帮助中心、站点介绍等,可以在路由表中直接添加。
|
||||
打开`src\router\index.js`,在数组常量`constantRouterMap`中添加自己的路由信息:
|
||||
|
||||
```javascript
|
||||
{
|
||||
path: '/regster',
|
||||
name: 'regster',
|
||||
hidden: true, //是否在左侧导航栏隐藏
|
||||
meta: {
|
||||
title: '仓储中心',
|
||||
icon: 'guide',
|
||||
sortNo: 0
|
||||
},
|
||||
component: () => import('@/views/regster/index') //路由对应的页面视图
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
因为注册页面没有登录的用户信息,会被系统的权限体系拦截从而跳转到登录页面。需要添加到白名单中。
|
||||
打开`src\permission.js`,在`whiteList`中加入刚刚的路由信息:
|
||||
|
||||
|
||||
```javascript
|
||||
const whiteList = ['/regster', ...] // 不重定向白名单
|
||||
|
||||
```
|
||||
|
||||
添加完成后,启动站点,直接浏览器访问`http://localhost:1803/#/regster`即可:
|
||||
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user