axios封裝以及異常攔截器

import axios from 'axios';
import {
    Message
} from 'element-ui';
import qs from 'qs';
import router from '@/router'


axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
axios.defaults.withCredentials = true; //請求帶上cookie,解決跨域問題


// 請求攔截器
axios.interceptors.request.use(function(config) {
    return config
}, function(error) {
    return Promise.reject(error)
})

//http response 攔截器
axios.interceptors.response.use(
    response => {
        if (response.data.errCode == 2) {
            router.push({
                path: "/"
            })
        }
        return response;
    },
    error => {
        if (error.response) {
            if (error.response.status == 500) {
                if (error.response.data.code == 401) {
                    //session丟失,請重新登錄
                    router.push({
                        path: "/"
                    })
                } else {
                    router.push({
                        path: '/500'
                    });
                }
            }
        }

        return Promise.reject(error)
    }
)


/**
 * 封裝get方法
 * @param url
 * @param data
 * @returns {Promise}
 */

export function fetch(url, params = {}) {
    url = axios.defaults.baseURL + url;
    return new Promise((resolve, reject) => {
        axios.get(url, {
                params: params
            })
            .then(response => {
                resolve(response.data);
            })
            .catch(err => {
                reject(err)
            })
        // axios.get(url, qs.stringify(params))
        //     .then(response => {
        //         resolve(response.data);
        //     })
        //     .catch(err => {
        //         reject(err)
        //     })
    })
}


/**
 * 封裝post請求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function post(url, data = {}) {
    url = axios.defaults.baseURL + url;
    return new Promise((resolve, reject) => {
        axios.post(url, qs.stringify(data))
            .then(response => {
                resolve(response.data);
            }, err => {
                reject(err)
            })
    })
}

/**
 * 封裝patch請求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function patch(url, data = {}) {
    url = axios.defaults.baseURL + url;
    return new Promise((resolve, reject) => {
        axios.patch(url, data)
            .then(response => {
                resolve(response.data);
            }, err => {
                reject(err)
            })
    })
}

/**
 * 封裝put請求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function put(url, data = {}) {
    url = axios.defaults.baseURL + url;
    return new Promise((resolve, reject) => {
        axios.put(url, data)
            .then(response => {
                resolve(response.data);
            }, err => {
                reject(err)
            })
    })
}

請求的后台webapi 過濾器 捕捉session丟失的401錯誤

 public override void OnActionExecuting(HttpActionContext filterContext)
        {
            base.OnActionExecuting(filterContext);
            string controllerName = filterContext.ActionDescriptor.ControllerDescriptor.ControllerName;
            string actionName = filterContext.ActionDescriptor.ActionName;
            string methodType = filterContext.Request.Method.Method;
            //獲取全部自定義的注解
            var methodCustomAttributes = ((System.Web.Http.Controllers.ReflectedHttpActionDescriptor)filterContext.ActionDescriptor).MethodInfo.GetCustomAttributes(true).ToList();
            var desAttribute = methodCustomAttributes.FirstOrDefault(ee => ee is DescriptionNameAttribute);//篩選注解信息
            string des = string.Empty;
            if (desAttribute != null)
            {
                var desAtt = desAttribute as DescriptionNameAttribute; //轉換為特定的DescriptionNameAttribute
                des = desAtt.DescriptionName;//獲取方法描述信息
            }
            SysLogBll logBll = new SysLogBll();
            SysUser curUser = new SysUser();
            var cookie = HttpContext.Current.Request.Cookies["sessionid"];
            if (cookie != null)
            {
                var session = HttpContext.Current.Session[cookie.Value];
                if (session != null)
                {
                    curUser = (SysUser)session;
                    if (methodType != "GET")
                    {
                        DateTime curDate = DateTime.Now;
                        string curName = curUser != null ? curUser.UserName : "";
                        logBll.Add(new SysLog
                        {
                            UserId = curUser.UserId != null ? curUser.UserId : "0",
                            OperationTime = curDate,
                            Content = des,
                            IPAdress = CommonUtil.GetIpAddress(HttpContext.Current.Request),
                            BrowserVersion = HttpContext.Current.Request.Browser.Browser + " " + HttpContext.Current.Request.Browser.Version
                        });
                    }
                }
                else
                {
                    if (actionName != "LogOn")
                    {
                        filterContext.Response = filterContext.Request.CreateResponse(HttpStatusCode.InternalServerError, new
                        {
                            code = "401",
                            message = "session丟失，請重新登錄"
                        });
                    }
                }
            }
        }

 插播一條webapi 注解的寫法以及使用：

DescriptionNameAttribute.cs

 public class DescriptionNameAttribute : Attribute
    {
        public string DescriptionName { get; set; }
        public DescriptionNameAttribute(string name)
        {
            this.DescriptionName = name;
        }
    }

如何使用：

 [DescriptionName("登錄")]
        [HttpPost, Route("Login/LogOn")]
        public ResultModel LogOn(SysUser userInfo)
        {           
            ...
        }