欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

axios拦截器封装与使用

程序员文章站 2022-03-12 09:17:09
拦截器封装import axios from "axios"// 创建axios 赋值给常量service const service = axios.create();// 添加请求拦截器(Interceptors)service.interceptors.request.use(function (config) { // 发送请求之前做写什么 return config; }, function (error) { // 请求错误的时候做些什么 retu...

拦截器封装

import axios from "axios"
// 创建axios 赋值给常量service 
const service = axios.create();

// 添加请求拦截器(Interceptors)
service.interceptors.request.use(function (config) {
    // 发送请求之前做写什么
    return config;
  }, function (error) {
    // 请求错误的时候做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
service.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });
  export default service

使用

import service from "@/util/axiosin.js"

export function registerdata(obj) {

    let pre = new Promise((resolve, reject) => {

        service.request({
            url: "/api/reg/reg",
            method: "post",
            data:obj
        }).then((ok) => {
            resolve(ok)
        }).catch((err) => {
            reject(err)
        })

    })
    return pre
}

本文地址:https://blog.csdn.net/qq_45316181/article/details/107122121