uni-simple-router
uni-simple-router copied to clipboard
Published
20 hours ago •
SilurianYang
SilurianYang
nvue页面跳nvueTab页面白屏
问题描述 做了一个登陆跳转的功能，跳转到首页之后页面直接白屏
复现步骤
- 启动
- 当页面没登陆时，使用官方的案例，让页面跳转到login页面，待登陆接口返回成功之后自动跳转到index页面
- 发现跳转到index页面后，整个页面处于白屏状态，但是onready方法可以弹出信息。。。
login
onSubmit() {
if (!this.isAgree) {
uni.$u.toast('您还未同意用户协议, 请同意后再登录')
return
}
this.$refs.form
.validate()
.then(res => {
this.loginLoading = true
this.$store.dispatch('user/login', this.form).then(res => {
console.log('登陆成功！')
uni.switchTab({
url: '/pages/index/index',
fail(err) {
console.log(err)
},
success(v) {
console.log('success', v)
}
})
}).catch((error) => {
console.log(error)
uni.$u.toast('服务器繁忙~')
}).finally(() => {
this.loginLoading = false
})
})
.catch(error => {
console.log(error)
})
},
permission.js
import { router } from '@/router'
import store from '@/store'
import { loginWhiteList, authWhiteList } from '@/router/white-list'
// 全局路由前置守卫
router.beforeEach((to, from, next) => {
const { path } = to
// 检测是否在登录白名单
if (loginWhiteList.includes(path)) {
next()
} else {
// 检测是否包含token
const token = store.getters.token
console.log(token)
if (!token) {
// 跳转到登录界面
next({
path: '/pages/user/login',
replace: true
})
} else {
console.log('需要登录')
// 如果已登录，则检测是否已实名
// 暂时禁用路由功能
if (!authWhiteList.includes(path)) {
// 白名单直接跳转
console.log('authWhiteList', path)
next()
} else {
// 不是白名单, 则验证是否已白名单
const isAuth = store.getters.isAuth
// 拦截2: 未实名
if (!isAuth) {
// 跳转到未实名界面
console.log('需要认证')
next({
path: '/pages/user/auth/no-auth',
replace: true
})
} else {
console.log('可以跳转')
next()
}
}
}
}
})
预期结果 跳转到index页面后正常展示
实际结果 首页白屏
系统信息:
- 发行平台: [安卓App 模拟器MUIMU（网易）]
- 操作系统 [Android 6.1]
- HBuilderX版本 [如使用HBuilderX，则需提供 HBuilderX 版本号3.3.13.20220314]
- 项目创建方法 [使用Vue-cli]
- 设备信息 [模拟器MUIMU（网易）]
- uni-simple-router版本 [2.0.8-beta.2]
补充信息 暂无，希望作者大佬帮忙分析
模拟登录的地方
pages.json中的启动项是那个路径？ 看起来一切正常，如果方便可以提交一个demo
"pages": [ // #ifdef APP-PLUS { "path": "pages/index/entrance" }, // #endif ]
demo怎么发你 大佬 发你邮箱？我想直接把项目发给你...
@SilurianYang
