在SpringCloud中,Gateway用于进行用户身份验证;而Vue与Axios结合时会自动处理HTTP状态码以解决跨站脚本问题

阅读量：

前言

在实际项目开发过程中，用户身份识别是一个常见需求。当系统无法确认用户身份时，通常会返回类似{status:401,msg:‘XXX’}的响应信息。若能在axios层面实现统一的拦截处理机制，将显著提升开发效率；同样地，在后台网关层进行token的集中校验，也有助于提前过滤非法请求，有效防止异常用户访问系统资源。

正文

首先，在基于Vue框架封装的axios工具类中，对axios进行了统一的拦截处理操作。

复制代码

    // 添加响应拦截器
    axios.interceptors.response.use(function (response) {
      if (response.data.status === 401) {
    Router.push('/login')
      }
      return response
    }, function (error) {
      return Promise.reject(error)
    })

此时，若返回的数据status值为401，则应立即跳转至登录界面。

随后，在后台Gateway层中，需配

全部评论 (0)

还没有任何评论哟~