zoukankan      html  css  js  c++  java
  • 封装aixos拦截器

    import axios from 'axios';
    import router from 'vue-router'
    import {
      Message
    } from 'element-ui'
    // axios.defaults.timeout = 5000;
    // axios.defaults.baseURL = 'http://10.128.128.124:5000'
    // axios.defaults.baseURL = 'http://10.128.128.118:8086'
    // axios.defaults.baseURL = 'http://wxmini.nat300.top'
    
    // axios.defaults.baseURL = 'http://t200shool.zhengtoon.com/edu_order' //测试环境
    axios.defaults.baseURL = 'http://jyfwyy.efzhou.com/api' // 正式环境地址
    
    
    
    //http request 拦截器
    axios.interceptors.request.use(
      config => {
        // const token = getCookie('名称');注意使用的时候需要引入cookie方法,推荐js-cookie
        config.data = JSON.stringify(config.data);
        config.headers['Content-Type'] = 'application/json;charset=UTF-8'
    
        return config;
      },
      error => {
        return Promise.reject(error)
      }
    );
    
    //http response 拦截器
    axios.interceptors.response.use(
      response => {
        // 请求错误提示语
        if (response.data.meta.code != 0) {
          Message({
            showClose: true,
            message: response.data.meta.message,
            type: 'warning'
          });
        }
        // if (response.data.errCode == 2) {
        //   router.push({
        //     path: "/",
        //     query: {
        //       redirect: router.currentRoute.fullPath
        //     } //从哪个页面跳转
        //   })
        // }
        return response;
      },
      error => {
        this.$message.error('抱歉!请求失败...');
        return Promise.reject(error)
    
      }
    )
    
    
    /**
     * 封装get方法
     * @param url
     * @param data
     * @returns {Promise}
     */
    
    export function fetch(url, params = {}) {
      return new Promise((resolve, reject) => {
        axios.get(url, {
            params: params
          })
          .then(response => {
            resolve(response.data);
          })
          .catch(err => {
            reject(err)
          })
      })
    }
    
    
    /**
     * 封装post请求
     * @param url
     * @param data
     * @returns {Promise}
     */
    
    export function post(url, data = {}) {
      return new Promise((resolve, reject) => {
        axios.post(url, data)
          .then(response => {
            resolve(response.data);
          }, err => {
            reject(err)
          })
      })
    }
    
    
    /**
     * 封装patch请求
     * @param url
     * @param data
     * @returns {Promise}
     */
    
    export function patch(url, data = {}) {
      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 = {}) {
      return new Promise((resolve, reject) => {
        axios.put(url, data)
          .then(response => {
            resolve(response.data);
          }, err => {
            reject(err)
          })
      })
    }
    

      

  • 相关阅读:
    冲刺(六)
    冲刺(五)
    冲刺(四)
    团队产品开发
    冲刺(三)
    冲刺(二)
    冲刺(一)
    电梯演讲,模型展示
    校园健康行的NABCD分析
    团队博客
  • 原文地址:https://www.cnblogs.com/syqly/p/13469283.html
Copyright © 2011-2022 走看看