vue 2.x axios 封装的get 和post方法

weixin_30764771

于 2018-02-28 10:29:00 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Kiddzz/p/8482271.html

本文介绍了一个简单的HTTP服务类，该类封装了GET、POST及文件上传的方法，使用axios进行网络请求，并通过FormData处理文件上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from 'axios'
import qs from 'qs'

export class HttpService {

    Get(url, data) {
        return new Promise((resolve, reject) => {
            axios.get(url, {
                params: data
            }).then((res) => {
                if (res) {
                    //成功回调
                    resolve(res);
                }
            }).catch((error) => {
                reject(error);
            })
        })
    }
    Post(url, data) {
        return new Promise((resolve, reject) => {
            axios.post(url, qs.stringify(data), {
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                    'Accept': 'application/json'
                }
            }).then((res) => {
                if (res) {
                    //成功回调
                    resolve(res);
                }
            }).catch((error) => {
                reject(error);
            })
        })
    }
｝

postfile方法

PostFlie(url, data) {
        return new Promise((resolve, reject) => {
            //根据data对象生成FormData对象
            var temp = new FormData();
            for (var t in data) {
                temp.append(t, data[t]);
            }
            axios.post(url, temp).then((res) => {
                if (res) {
                        resolve(res.Data);
                }
            }).catch((error) => {
                reject(error);
            })
        })
    }