前端面试 vue 接口权限控制

接口权限目前一般采用jwt的形式来验证,没有通过的话一般返回401,跳转到登录页面重新进行登录

对于 jwt的理解

前端接口权限的控制主要通过接口权限配置和JWT(‌Json Web Token)‌技术来实现。‌

首先,‌接口权限控制的基本原理是通过配置接口的访问权限和数据权限,‌确保只有经过授权的用户才能访问特定的接口。‌这通常涉及到RESTful API的使用,‌其中接口权限认证机制采用Json Web Token (JWT)。‌JWT是一种开放标准,‌它定义了一种紧凑的、‌自包含的方式,‌用于作为JSON对象在各方之间安全地传输信息)

登录完拿到token,将token存起来,通过axios请求拦截器进行拦截,每次请求的时候头部携带token

大白话 (就是在请求拦截器中 拦截token 没有或者失效的话跳转登录页 拿回 存储起来 token 添加到请求头中 继续请求

axios.interceptors.request.use(config => {
    config.headers['token'] = cookie.get('token')
    return config
})
// 响应拦截器
axios.interceptors.response.use(res=>{},{response}=>{
    if (response.data.code === 40099 || response.data.code === 40098) { //token过期或者错误
        router.push('/login')
    }
})

相关推荐

  1. 前端面试 vue 接口权限控制

    2024-07-21 18:28:03       22 阅读
  2. 前端面试 vue 路由权限控制

    2024-07-21 18:28:03       17 阅读
  3. 前端权限控制

    2024-07-21 18:28:03       30 阅读
  4. 5-用户权限控制前端

    2024-07-21 18:28:03       23 阅读
  5. 前端面试-vue

    2024-07-21 18:28:03       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-21 18:28:03       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-21 18:28:03       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-21 18:28:03       45 阅读
  4. Python语言-面向对象

    2024-07-21 18:28:03       55 阅读

热门阅读

  1. Leetcode热题100 Day3

    2024-07-21 18:28:03       13 阅读
  2. SQL Server查询计划阅读及分析

    2024-07-21 18:28:03       15 阅读
  3. 【整理了一些关于使用swoole使用的解决方案】

    2024-07-21 18:28:03       15 阅读
  4. Vue中如何封装接口

    2024-07-21 18:28:03       19 阅读
  5. happens-before

    2024-07-21 18:28:03       14 阅读
  6. 如何实现宝塔面板免手机号登录?

    2024-07-21 18:28:03       17 阅读
  7. 自动化炒股:券商交易接口API调用方法

    2024-07-21 18:28:03       18 阅读
  8. Redis的过期删除策略与内存淘汰机制

    2024-07-21 18:28:03       20 阅读
  9. vivado INTERNAL_VREF

    2024-07-21 18:28:03       16 阅读