登录

这里是前端基础版框架Ts-cli登录文档说明。

登录模块结构

登录模块结构如下：

  ├── src
  │   └── pages                            # 页面组件和通用模板
  |       └── core                         # 核心页面代码
  |          └── login                     # 登录页面代码
  │              ├── index.js              # 登录模块
+ │              ├── Login-old.vue         # 独立的登录模块
  │              └── Login.vue             # 连接认证中心的登录模块
  |       └── router                       # 路由配置
  |           └── async                   
  │               └── router.map.js        
  |       └── utils                        # js 工具
  |           └── axios-interceptors.js                   

login 文件夹下，需要独立登录的可使用 Login-old.vue 界面，Login.vue 用于连接认证中心的登录模块。

路由设置

在 router.map.js 切换 component 路径即可：

// 路由组件注册
login: {
    authority: '*',
    path: '/login',
    component: () => import('@/pages/core/login/Login')
    //component: () => import('@/pages/core/login/Login-old')
}

路由配置详情请查看 路由和菜单

axiox响应设置

在 axios-interceptors.js 设置了相关响应操作：

//响应出错跳转至认证中心登录界面
window.location.href = process.env.VUE_APP_API_UC_LOGIN_URL + "?redirectUrl=" + window.location.href;

设置独立登录需进行相应的代码调整，可根据实际情况进行调整，例如：

//清除缓存，跳转至本地路由 /login
removeCookies();
router.replace({
    path: '/login'
}).catch(err => {
    return
})