您当前的位置:首页 > 电脑百科 > 程序开发 > 前端

Vue 前置拦截

时间:2022-02-11 10:03:59  来源:  作者:前端开发

在 main.js 中注册

// 白名单
import './permission' // permission control

permission.js

import router from './router'

NProgress.configure({showSpinner: false});

// 白名单
const whiteList = [
     '/'
];

router.beforeEach((to, from, next) => {
    const token = getToken('token')
    if (token) {
        // 有token
        next()
    } else {
        // 没有token
        if (whiteList.indexOf(to.path) !== -1) {
            // 在免登录白名单,直接进入
            next()
        } else {
            next({path: '/signIn'})
            NProgress.done()  //进度条
        }
    }
});

router.afterEach(() => {
});


Tags:Vue   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
在 main.js 中注册// 白名单import './permission' // permission controlpermission.jsimport router from './router'NProgress.configure({showSpinner:...【详细内容】
2022-02-11  Tags: Vue  点击:(0)  评论:(0)  加入收藏
尚硅谷前端研究院第 1 章:Vue 核心 Vue 简介官网英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/介绍与描述 动态构建用户界面的渐进式 JavaScript 框...【详细内容】
2021-08-26  Tags: Vue  点击:(151)  评论:(0)  加入收藏
学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门,可以让我们的编程生活变得更容易--没有大量重复的工作。在用 Vue 开发...【详细内容】
2021-07-26  Tags: Vue  点击:(128)  评论:(0)  加入收藏
基于优雅漂亮的 ant design 开发的管理后台,为数不多的好看 admin。关于 Antd Pro VueAntd Pro Vue 是一个企业级中后台前端/设计解决方案。在本站建站之初就推荐过 Ant Des...【详细内容】
2021-07-16  Tags: Vue  点击:(580)  评论:(0)  加入收藏
后面的模板是我们做后台管理系统经常所需要的东西。虽然,我们总可以花很多时间从头开始设计自己的模板,但有现在的模板让我们套,节省我们更多时间用来摸鱼,何乐而不为呢。这些现...【详细内容】
2021-04-27  Tags: Vue  点击:(516)  评论:(0)  加入收藏
为什么要从 Vue 转到 React,这篇文章为什么我们放弃了 Vue?不过对于大多数人来说,用 Vue 还是 React 不是自己说了算,多学一门技术不是坏处,而且 React 被大厂大量使用,要进入大厂...【详细内容】
2021-04-13  Tags: Vue  点击:(276)  评论:(0)  加入收藏
最近业务开发遇到了组织结构的展示,多级不固定,改了三板第一版用了echarts,第二版自己用递归组件写了发现很局限不灵活,内容确定的还好点不固定的就很乱了,期间也看了几个相关的...【详细内容】
2020-11-23  Tags: Vue  点击:(205)  评论:(0)  加入收藏
相信vue很多人都已经很熟悉了,利用脚手架很容易搭建一个vue项目 但项目多了以后每次部署测试环境就相当麻烦,还容易出错 所以趁这两天不忙,研究一下jenkins,也总算是入门了 jen...【详细内容】
2020-10-17  Tags: Vue  点击:(95)  评论:(0)  加入收藏
今天给小伙伴们分享一个高质量Avue大屏可视化模板AvueData。 avue-data 基于 vue+element-ui 二次封装的大屏可视化平台。提供2000多个模板库,屏幕自适应,支持自定义地图选择...【详细内容】
2020-08-31  Tags: Vue  点击:(4609)  评论:(0)  加入收藏
作者:小生方勤转发链接:https://mp.weixin.qq.com/s/bl5nHiRz7rGc5TbVbk-4rQ前言由于是工具,很可能你看到的时候有些工具包已经升级了,会有一些报错;这个你就需要自己探索了。工...【详细内容】
2020-08-26  Tags: Vue  点击:(71)  评论:(0)  加入收藏
▌简易百科推荐
在 main.js 中注册// 白名单import './permission' // permission controlpermission.jsimport router from './router'NProgress.configure({showSpinner:...【详细内容】
2022-02-11  前端开发    Tags:Vue   点击:(0)  评论:(0)  加入收藏
简介Hammer 是一个精简且功能强大的手势库,它不但支持移动端的手势,对于PC端的鼠标操作也能实别 目前github的star量22.8K官网地址:http://hammerjs.github.io/github地址:http...【详细内容】
2022-02-08  前端亦可行    Tags:Hammer.JS   点击:(9)  评论:(0)  加入收藏
hi, 大家好, 我是徐小夕, 新的一年, 你又博学了吗?今天和大家分享一下使用 nodejs 实现短信验证码登录的方案, 通过对该方案的实现大家可以可以对 nodejs 及其相关生态有一...【详细内容】
2022-02-05  趣谈前端    Tags:验证码   点击:(15)  评论:(0)  加入收藏
几乎在所有面向用户或企业的应用程序中,所呈现出来的信息都不是一成不变的,即数据都是动态的,由某个或者多个后台服务所提供。那么就不可避免地会涉及到网络请求,而对于不同企...【详细内容】
2022-01-29  Nodejs开发    Tags:前端   点击:(18)  评论:(0)  加入收藏
开源版 Nginx 最为人诟病的就是不具备动态配置、远程 API 及集群管理的能力,而 APISIX 作为 CNCF 毕业的开源七层网关,基于 etcd、Lua 实现了对 Nginx 集群的动态管理。让 Ngi...【详细内容】
2022-01-14  AT小白在线中    Tags:Nginx集群   点击:(26)  评论:(0)  加入收藏
我发现前端开发比后端开发困难得多。一般来说,在后端开发中,我知道我在做什么以及所有东西应该如何交互,代码是否能正常运行。但是,当涉及到前端时,整个故事就不一样了。这会是无...【详细内容】
2022-01-10  铁匠哥哥    Tags:前端技能   点击:(36)  评论:(0)  加入收藏
相信每一个前端在对接 API 时,多多少少一定遇过以下错误: 虽然要解决此问题大部分还是需要后端帮忙,但前端也需要知道为什么会发生、要如何解决。同源政策 (Same Origin Policy...【详细内容】
2021-12-24  前端小智    Tags:同源政策   点击:(33)  评论:(0)  加入收藏
一般的docker镜像为了节省空间,通常是没有安装systemd或者sysvint这类初始化系统的进程。一旦容器的起始进程不稳定将会产生大量的僵尸进程,影响宿主系统的运行。 缺少init的...【详细内容】
2021-12-23  mj谈云技术    Tags:容器   点击:(36)  评论:(0)  加入收藏
作者:maomincoding 来源:前端历劫之路 前言说起文档,我们可能会第一时间会想起很多技术文档,比如Vue.js文档、React.js文档、TypeScript文档,它们都有相似的布局和样式。那么,作为...【详细内容】
2021-12-23  Nodejs开发    Tags:文档   点击:(37)  评论:(0)  加入收藏
作者:damyxu,腾讯 PCG 前端开发工程师iframe是一个天然的微前端方案,但受限于跨域的严格限制而无法很好的应用,本文介绍一种基于 iframe 的全新微前端方案,继承iframe的优点,补足...【详细内容】
2021-12-16  damyxu  腾讯技术工程  Tags:前端   点击:(51)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条