vue 不需要登录直接跳转
1、在 router->index.js里加入新的路由,地址指向到要跳转的页面,找后端讲明需求(执行点击跳转到需要的页面)例如:constantRouterMap里加上这句 {"path": '/cyrjxz', "name": 'cyrjxz', component:()=>import(/* webpackChunkName:"login" */ "@/views/fzbg/szf
1、在 router->index.js里加入新的路由,地址指向到要跳转的页面,找后端讲明需求(执行点击跳转到需要的页面)
例如:constantRouterMap里加上这句 {"path": '/cyrjxz', "name": 'cyrjxz', component:()=>import(/* webpackChunkName:"login" */ "@/views/fzbg/szfswgl/cyrj/cyrjlist" ) },
2、将新增的路由名字加入premission.js里的 anonRouterName 例如:let anonRouterName=["login","cyrjxz"]
它将会执行取消页面权限操作
3、判断当前token是否逻辑失效 ,加入本地存储并且时间往后推30分钟。login.vue里点击方法下 this.$tools.setLocal('validTime', (new Date()).getTime() + (60 * 30) * 1000)
它将会执行axios.js里的validTime判断
4、login.vue里点击方法下,跳转到需要的页面
this.$router.push({
path: '/cyrjxz'
})
5、由于是越过登录,没有token也就看不到数据,这时候找后端讲明情况,后面的操作交由后端处理。
有可能会用到模拟登录,如不用可忽略
1、在api.js里创建mockLogin.js,在mockLogin.js里加入下面这段
import request from '@/service/filters/api'
/**
* 根据 用户账号模拟登录 basc 模块划分 useraccount 用户账号
*/
export const mockLogin = (userAccount, fun) => {
request.getUsualAPI('basc', 'usual/mockLogin/login?useraccount=' + userAccount, null, fun)
}
2、在login.vue里面引入
import { mockLogin } from '@/service/api/usual/mockLogin/mockLogin'
3、login.vue里点击方法下
mockLogin('admincs', res => { //admincs(用户账号,可更换,如admin)
if (res) {
this.$tools.setObjSession('userInfo', res)
}
})
更多推荐
所有评论(0)