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)
          })
      })
    }
    

      

  • 相关阅读:
    Linux 文件取交集 并集 差集
    阿里花名推荐
    Linux bg fg命令的使用
    python导入自己创建的本地包报错
    数值计算方法
    数据库oracle回顾
    使用visualBox创建Centos/7,搭建docker,安装mysql,及远程连接
    git 合并分支到master
    git 本地文件修改错误,重新取回服务器历史版本
    三本不错的计算机专业书籍(需求分析,开发实务,恶意代码分析)
  • 原文地址:https://www.cnblogs.com/syqly/p/13469283.html
Copyright © 2011-2022 走看看