22/10/08 vue2项目，登录注册路由守卫

写在router/index.js文件内

//导航守卫，前置处理
router.beforeEach((to, from, next) => {let isAuthenticated = !!localStorage.getItem('userInfo');console.log('isAuthenticated', isAuthenticated);console.log('1', localStorage.getItem('userInfo'));console.log('2', !localStorage.getItem('userInfo'));console.log('3', !!localStorage.getItem('userInfo'));// 如果路由要跳转到除了登录和注册的界面的话就判断是否已经登录，如果没有登录就强制跳到登录界面if (to.path !== '/login' && to.path !== '/register' && !isAuthenticated) {next({ name: 'Login' })Message({message: '请先登录！',type: "warning",})} else {next()}
})

双感叹号作用
*一个感叹号：可以将变量转换成boolean类型，null,undefiend和空字符串去返都为true，其余都为false

*两个感叹号：常用于做类型判断，判断是否存在，仅仅打印对象，无法判断是否存在。是对一个！的布尔类型去反

*三个感叹号：没什么意义，和一个感叹号效果是一样的

登录注册简单demo代码
技术栈：vue2+elementui+axios
只有登录注册简单页面，未和接口联通
github仓库地址：login-demo

参考链接：
1.js双感叹号作用
Javascript中!!(两个感叹号，双感叹号)的含义

Vue 实现登录注册功能（前后端分离完整案例）

22/10/08 vue2项目，登录注册路由守卫相关推荐

JavaWeb项目(登录注册页面)全过程详细总结
文章目录 JavaWeb项目(登录注册页面)全过程总结一.环境准备与开发工具二.创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录 ...
美团项目 --- 登录注册3
❤ 项目源码 ❤ GitHub地址:https://github.com/Umbrella001/mtapp 文章目录一.server文件夹设计 1.1 开始配置数据库mongodb和对象模型管理工 ...
SMM项目登录注册简单实现
Day03-SMM项目登录注册简单实现该项目主要是在idea中建立maven web app项目,使用ssm,即利用Spring SpringMVC Mybatis整合项目. 第一阶段:依赖和SSM ...
C#仿qq窗体项目登录注册聊天点赞更换头像添加好友删除好友基础功能
C#仿qq窗体项目登录注册聊天点赞更换头像添加好友删除好友基础功能这里写自定义目录标题话不多说直接上图片: 学校第一学期结业项目采用环境: sqlserver2008 vs2010 ...
前端基础第四天项目社交媒体黑马头条项目-登录注册和个人中心
一.项目初始化目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装使 ...
美食杰项目-登录注册
纯代码在router的index.js中 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) import { ...
Web项目 - 登录注册业务逻辑
注册业务登录注册业务对于企业当中,一般项目都有登录注册功能[这个业务很重要] 当然有一些项目不需要注册,后台管理系统项目,一般不需要注册在尚品汇项目中登录与注册的静态组件(图片问题会报错) 我 ...
springboot项目登录+注册
springboot 整合 mybatis + thymeleaf 登录注册学习网址 springboot+jsp https://blog.csdn.net/qq_40205116/article ...
vue2 和 vue3 的路由守卫
vue2 路由守卫: vue-router 路由实现: 路由就是用来跟后端服务器进行交互的一种方式,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能. 首先知道有3个参数 to , ...

22/10/08 vue2项目，登录注册路由守卫

22/10/08 vue2项目，登录注册路由守卫相关推荐

最新文章

热门文章