前后端鉴权(koa-vue)

本文介绍了如何使用Koa和Vue进行前后端鉴权,包括前端axios的请求响应拦截,Vue Router的路由守卫,以及后端Koa的路由拦截。通过这些手段,可以有效防止未授权的访问,并在鉴权失败时引导用户至登录页面。此外,还分享了个人的前端开发经验和学习资源。
摘要由CSDN通过智能技术生成
  1. 前端router路由拦截

  2. 后端koa路由拦截(判断请求地址)

前端axios路由拦截:

在这里插入图片描述

  • 使用axios.interceptors.request.use(()=>{})axios.interceptors.response.use(()=>{})使用中间键的形式来分别对请求和响应做一些配置

  • 在请求的时候我们需要判断有没有token,如果有token就携带着token放在请求头中进行访问

  • 响应拦截的时候,如果返回了401的状态码,说明的就是前后端鉴权没有通过,这时候我们再手动的将路由跳转到登录页并给出一个请先登录的弹窗提示,同时清空掉现在浏览器中的登录信息。

前端router路由拦截
  • 前端通过使用路由守卫的方式来设置进行第一层的路由拦截,这个主要是为了有一些黑客强制进入某个页面做一个假的token,也能够做到一点儿的拦截作用

  • 这里的代码就是使用Vue的路由守卫。

后端koa路由拦截
  • 在做后端路由拦截的时候,我考虑到以后可能会复用ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值