zoukankan      html  css  js  c++  java
  • 封装axios, post,get

    import Vue from 'vue'
    import axios from 'axios'
    import qs from 'qs'
    import {
        Message
    } from 'element-ui'
    // 响应时间
    axios.defaults.timeout = 5 * 1000
    // 配置cookie
    // axios.defaults.withCredentials = true
    // 配置请求头
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
    // 静态资源
    Vue.prototype.$static = ''
    
    // 配置接口地址
    axios.defaults.baseURL = 'http://192.168.10.189:8083'
    // POST传参序列化(添加请求拦截器)
    axios.interceptors.request.use(
        config => {
            if (config.method === 'post') {
                config.data = qs.stringify(config.data)
            }
            return config
        },
        err => {
            Message.error('请求错误')
            return Promise.reject(err)
        }
    )
    // 返回状态判断(添加响应拦截器)
    // axios.interceptors.response.use(
    //     res => {
    //         if (res.data.code === 200) {
    //             return res
    //         } else {
    //             Message.error(res.data.msg)
    //         }
    //     },
    //     err => {
    //         Message.error('请求失败,请稍后再试')
    //         return Promise.reject(err)
    //     }
    // )
    // 发送请求
    export function post(url, params) {
        return new Promise((resolve, reject) => {
            axios
                .post(url, params)
                .then(
                    res => {
                        resolve(res.data)
                    },
                    err => {
                        reject(err.data)
                    }
                )
                .catch(err => {
                    reject(err.data)
                })
        })
    }
    export function get(url, params) {
        return new Promise((resolve, reject) => {
            axios
                .get(url, {
                    params: params
                })
                .then(res => {
                    resolve(res.data)
                })
                .catch(err => {
                    reject(err.data)
                })
        })
    }
    

      

  • 相关阅读:
    log4js日志
    webservice随记
    easyui+nodejs+sqlserver增删改查实现
    jsp、servlet笔记
    mysql随笔
    ssh登录实现
    UML和模式应用1: 面向对象的分析与设计
    Linux mmc framework2:基本组件之mmc
    Linux MMC framework2:基本组件之core
    Linux mmc framework2:基本组件之queue
  • 原文地址:https://www.cnblogs.com/baifubin/p/10006118.html
Copyright © 2011-2022 走看看