前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >axios拦截所有请求和响应

axios拦截所有请求和响应

作者头像
chao超的搬运文章
发布2023-10-15 19:33:47
1970
发布2023-10-15 19:33:47
举报
文章被收录于专栏:java,hbasejava,hbase

在vueCli工程中,难免不了要向后端传递请求头等验证信息!!!如果每个请求一个一个的去添加请求头信息肯定不行,那么就得拦截所有请求去添加请求头信息。

拦截所有请求

在main.js中添加

代码语言:javascript
复制
axios.interceptors.request.use(config => {
    //在请求头中添加token
    config.headers.token=localStorage.getItem('token');
    // alert(config.headers.token)
    return config;
    },
    error => {
        ElementUI.Message.error("请求出错了,请稍后再试。ʕ•ᴥ•ʔ")
        return Promise.reject(error);
    });

拦截所有响应

代码语言:javascript
复制
axios.interceptors.response.use(response => {
        return response
    },
    error => {
        router.push("/login")
        return Promise.reject(error);
    })
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 拦截所有请求
  • 拦截所有响应
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档