首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
filter
list
solr
actionscrip
perl
triggers
dagger
require
schema
scala
php
version
get
python2
merge
数组
replace
timezone
python3
ascii
random
php5
javascript
foreach
settings
callback
regex
frameworks
chat
usb
stream
vbscript
buffer
integer
match
import
emoji
metadata
web3
fetch
testing
c语言
erlang
export
dockerfile
install
golang
default
flutter
heap
search
copy
rsa
grid
byte
nodejs
cmd
iostream
shell
function
config
cookie
cPlusPlus
httpclient
plugins
char
spring
tree
yaml
node.js
keyword
expression
instance
post
timestamp
eval
cSharp
dll
tags
当前位置:
开发笔记
>
编程语言
> 正文
Vuerouter.beforeEach中的next({path:'/login'})不跳转
作者:zhangmeicheng18 | 来源:互联网 | 2023-09-16 11:30
想做一个路由拦截:在
想做一个路由拦截:
在
1
Vuex
中有用户的状态,其中一个属性是:
1
user
当
1
user
为空时说明未登录,跳转到登录页面
当
1
user
不为空时,说明已经登录,直接路由到下一个页面
代码是这样的:
1
router/index.js
文件
1
2
3
4
5
6
7
8
9
10
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router ({
mode: 'history',
routes: [...],
scrollBehavior: (to, from, savedPosition) => {
return savedPosition || {x: 0, y: 0}
}
})
1
main.js
文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import router from './router'
new Vue({
router,
})
router.beforeEach((to, from, next) => {
// 这里会持续性的输出 null
alert(JSON.stringify(store.state.user.user))
if(store.state.user.user !== null){
next()
}else {
alert('用户尚未登录')
next({
path: '/login',
query: {redirect: to.fullPath}
})
}
})
// 运行的结果是,持续性的输出:
// null
// 用户尚未登录
// 循环不断...
问题就是:
该如何解决?
什么原因造成的?
vue
router
login
js
文件
import
export
default
scroll
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
get
关于cuowu类的错误提示和使用AdjustmentListener的问题
本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ...
[详细]
蜡笔小新 2023-12-13 22:09:56
replace
vue使用
关键词: ...
[详细]
蜡笔小新 2023-12-14 19:14:56
get
开发笔记:加密&json&StringIO模块&BytesIO模块
篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ...
[详细]
蜡笔小新 2023-12-14 15:18:35
get
为什么在main.js中写import不会全局生效?
本文讨论了为什么在main.js中写import不会全局生效的问题,并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效,而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ...
[详细]
蜡笔小新 2023-12-14 12:29:43
get
Go Cobra命令行工具入门教程
本文介绍了Go语言实现的命令行工具Cobra的基本概念、安装方法和入门实践。Cobra被广泛应用于各种项目中,如Kubernetes、Hugo和Github CLI等。通过使用Cobra,我们可以快速创建命令行工具,适用于写测试脚本和各种服务的Admin CLI。文章还通过一个简单的demo演示了Cobra的使用方法。 ...
[详细]
蜡笔小新 2023-12-12 20:02:41
random
YOLOv7基于自己的数据集从零构建模型完整训练、推理计算超详细教程
本文介绍了关于人工智能、神经网络和深度学习的知识点,并提供了YOLOv7基于自己的数据集从零构建模型完整训练、推理计算的详细教程。文章还提到了郑州最低生活保障的话题。对于从事目标检测任务的人来说,YOLO是一个熟悉的模型。文章还提到了yolov4和yolov6的相关内容,以及选择模型的优化思路。 ...
[详细]
蜡笔小新 2023-12-14 18:28:01
数组
Webpack5内置处理图片资源的配置方法
本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ...
[详细]
蜡笔小新 2023-12-14 15:39:51
random
Java猜拳小游戏代码
本文介绍了一个Java猜拳小游戏的代码,通过使用Scanner类获取用户输入的拳的数字,并随机生成计算机的拳,然后判断胜负。该游戏可以选择剪刀、石头、布三种拳,通过比较两者的拳来决定胜负。 ...
[详细]
蜡笔小新 2023-12-14 15:39:08
random
Java容器中的compareto方法排序原理解析
本文从源码解析Java容器中的compareto方法的排序原理,讲解了在使用数组存储数据时的限制以及存储效率的问题。同时提到了Redis的五大数据结构和list、set等知识点,回忆了作者大学时代的Java学习经历。文章以作者做的思维导图作为目录,展示了整个讲解过程。 ...
[详细]
蜡笔小新 2023-12-14 13:53:31
get
阿里云物联网 .NET Core 客户端 | CZGL.AliIoTClient:4. 设备上报属性
阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ...
[详细]
蜡笔小新 2023-12-14 12:40:20
get
OC学习笔记之@property和@synthesize
本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ...
[详细]
蜡笔小新 2023-12-14 12:05:06
get
使用 Ubuntu 中的 Python 获取浏览器历史记录
使用Ubuntu中的Python获取浏览器历史记录原文: ...
[详细]
蜡笔小新 2023-12-14 08:57:59
get
python创建一个窗口_等一个大佬啊 要求用python创建一个窗口,窗口按钮功能是创建一个球体或立方体。明天上课之前交给我...
展开全部下面的代码是创建一个立方体Thisexamplescreatesanddisplaysasimplebox.#Thefirstlineloadstheinit_disp ...
[详细]
蜡笔小新 2023-12-13 16:26:09
version
Java学习笔记之面向对象编程(OOP)
本文介绍了Java学习笔记中的面向对象编程(OOP)内容,包括OOP的三大特性(封装、继承、多态)和五大原则(单一职责原则、开放封闭原则、里式替换原则、依赖倒置原则)。通过学习OOP,可以提高代码复用性、拓展性和安全性。 ...
[详细]
蜡笔小新 2023-12-13 08:44:30
random
【openwrt】设备mt7628关于wan侧eth0.1 mac地址固定的问题
本文讨论了在openwrt-17.01版本中,mt7628设备上初始化启动时eth0的mac地址总是随机生成的问题。每次随机生成的eth0的mac地址都会写到/sys/class/net/eth0/address目录下,而openwrt-17.01原版的SDK会根据随机生成的eth0的mac地址再生成eth0.1、eth0.2等,生成后的mac地址会保存在/etc/config/network下。 ...
[详细]
蜡笔小新 2023-12-12 17:47:48
zhangmeicheng18
这个家伙很懒,什么也没留下!
Tags | 热门标签
filter
list
solr
actionscrip
perl
triggers
dagger
require
schema
scala
php
version
get
python2
merge
数组
replace
timezone
python3
ascii
random
php5
javascript
foreach
settings
callback
regex
frameworks
chat
usb
RankList | 热门文章
1
人工智能卓医创新挑战赛公布决赛名单
2
惠普笔记本怎么重装系统?
3
Sprint set自动注入 构造器注入 注解
4
python学习装饰器(decorator)
5
美国科学家开发新技术:让机器人也能“三思后行”
6
MassTransit 知多少 | 基于StateMachine实现Saga编排式分布式事务
7
python – 生成列表的组合,所有列表都具有相同的长度
8
娧字意思 在新华字典的读音解释笔画常用组词起名
9
关于jq ready()里的函数位置问题
10
Not removing DOM elements in repeat directive
11
Mad Libs游戏,华氏与摄氏转换
12
python 差值_利用SQL和Python分别实现人流量查询,考验逻辑思维的时候到了
13
kafka是存储到本地磁盘么_一文讲清 Kafka 工作流程和存储机制
14
js死循环的代码怎么写是什么(js中什么是死循环)
15
oracle里fetch first,db2中的fetch first n rows only与 oracle中的rownum
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有