请求响应拦截封装

新建文件

('request', {
    invoke(args) {//拦截前触发
        let baseUrl = "/api/v1/wxapp"
        if (.NODE_ENV === 'development') {
            baseUrl = "http://127.0.0.1:22345/api"
        }
         = baseUrl + 
        ["Content-Type"] = "application/json;charset=UTF-8"
        //获取token
        let token = ('token')
        if (token) {
            ["Authorization"] = token
        }
    },
    success(args) {//成功回调拦截
        if (!args || !) {
            return ("错误的消息内容。");
        }
        //中文显示
        switch () {
            case 100:
                 = "客户端应继续其请求";
                break;
            case 101:
                 = "服务器根据客户端的请求切换协议。";
                break;
            case 200:
                 = "请求成功。";
                break;
            case 201:
                 = "成功请求并创建了新的资源。";
                break;
            case 202:
                 = "已经接受请求，但未处理完成。";
                break;
            case 203:
                 = "非授权信息。";
                break;
            case 204:
                 = "服务器成功处理，但未返回内容。";
                break;
            case 205:
                 =
                    "服务器处理成功，用户终端（例如：浏览器）应重置文档视图。";
                break;
            case 206:
                 = "服务器成功处理了部分GET请求。";
                break;
            case 300:
                 = "请求的资源可包括多个位置。";
                break;
            case 301:
                 = "请求的资源已被永久的移动到新URI。";
                break;
            case 302:
                 = "临时移动。";
                break;
            case 303:
                 = "查看其它地址。";
                break;
            case 304:
                 = "所请求的资源未修改。";
                break;
            case 305:
                 = "所请求的资源必须通过代理访问。";
                break;
            case 306:
                 = "已经被废弃的HTTP状态码。";
                break;
            case 307:
                 = "临时重定向。";
                break;
            case 400:
                 = "客户端请求的语法错误，服务器无法理解。";
                break;
            case 401:
                 = "请先登录系统。";
                //跳转到登录页面
                break;
            case 402:
                 = "暂未定义。";
                break;
            case 403:
                 = "服务器理解请求客户端的请求，但是拒绝执行此请求。";
                break;
            case 404:
                 = "服务器无法根据客户端的请求找到资源（网页）。";
                break;
            case 405:
                 = "客户端请求中的方法被禁止。";
                break;
            case 406:
                 = "服务器无法根据客户端请求的内容特性完成请求。";
                break;
            case 407:
                 = "请求要求代理的身份认证。";
                break;
            case 408:
                 = "服务器等待客户端发送的请求时间过长。";
                break;
            case 409:
                 = "服务器处理请求时发生了冲突。";
                break;
            case 410:
                 = "客户端请求的资源已经不存在。";
                break;
            case 411:
                 =
                    "服务器无法处理客户端发送的不带Content-Length的请求信息。";
                break;
            case 412:
                 = "客户端请求信息的先决条件错误。";
                break;
            case 413:
                 = "由于请求的实体过大，服务器无法处理，因此拒绝请求。";
                break;
            case 414:
                 = "请求的URI过长（URI通常为网址），服务器无法处理。";
                break;
            case 415:
                 = "服务器无法处理请求附带的媒体格式。";
                break;
            case 416:
                 = "客户端请求的范围无效。";
                break;
            case 417:
                 = "服务器无法满足Expect的请求头信息。";
                break;
            case 500:
                 = "服务器内部错误，无法完成请求。";
                break;
            case 501:
                 = "服务器不支持请求的功能，无法完成请求。";
                break;
            case 502:
                 =
                    "作为网关或者代理工作的服务器尝试执行请求时，从远程服务器接收到了一个无效的响应。";
                break;
            case 503:
                 =
                    "由于超载或系统维护，服务器暂时的无法处理客户端的请求。";
                break;
            case 504:
                 = "充当网关或代理的服务器，未及时从远端服务器获取请求。";
                break;
            case 505:
                 = "服务器不支持请求的HTTP协议的版本，无法完成处理。";
                break;
            default:
                 = "状态错误(" +  + ")";
                break;
        }
        //处理状态码
        if ( !== 200) {
            ({
                title: ,
            })
            return ();
        }
        if(! || ! || !){
            return ("错误的数据内容。");
        }
        //处理消息码
        if ( &&  !== 200) {
            ({
                title: ,
            })
            return ();
        }
        //返回消息 
        return ()
    },
    fail() {//失败回调拦截
        ({
            title: "无法发起请求",
        })
    },
})

function get(url, params) {
    const promise = new Promise((resolve, reject) => {
        ({
            url: url,
            data: params,
            header: {},//必须的，用于拦截请求
            success: (res) => {
                //上面已经对错误进行了处理，直接返回的就是data
                resolve(res);
            },
            fail: (err) => {
                reject(err)
            }
        });
    });
    return (promise);
}

export default {
    get,
};

封装接口，如

import request from "@/utils/request";

function getCode(mobile) {
    return ("/user/login", { mobile: mobile });
}

export default {
    getCode,
};

页面引入

import userApis from "@/apis/";

调用

  async created() {
    //测试网络
    await ("123456789");
  },