Vue——axios基本配置及请求拦截

最新推荐文章于 2024-08-04 21:45:12 发布

水田如雅

最新推荐文章于 2024-08-04 21:45:12 发布

阅读量3.8k

点赞数

分类专栏： AngularJs/React/Vue

本文链接：https://blog.csdn.net/lhc1105/article/details/78546326

版权

AngularJs/React/Vue 专栏收录该内容

10 篇文章 7 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了在Vue项目中如何进行axios的基本配置，包括设置默认基础URL、响应类型、超时时间等。同时，重点讲解了如何实现请求拦截器和响应拦截器，以实现统一的错误处理和权限验证等功能。

摘要由CSDN通过智能技术生成

// axios 配置
axios.defaults.timeout = 5000;
axios.defaults.baseURL = 'http://10.0.0.151:8888';

// http request 拦截器
axios.interceptors.request.use(
    config => {
        debugger
        //对于/auth/**的请求路径，默认不添加token认证
        if (config.url.indexOf("/auth") <0 && store.state.token) {
            config.headers.Authorization = `Bearer ${store.state.token}`;
        }
        return config;
    },
    err => {
        return Promise.reject(err);
    });

// http response 拦截器
axios.interceptors.response.use(
    response => {
        return response;
    },
    error => {
        if (error.response) {
            switch (error.response.status) {
                case 401:            /**token未授权或token授

了解本专栏