【Vue】axios请求的方法封装和运用

1、首先安装 axios

npm install axios --save

2、引用axios

import axios from "axios";

3、方法封装，封装到 http.js 的 js 文件

import axios from "axios";

export default {
    ajaxGet (api, cb) {
        axios.get(api)
            .then(cb)
            .catch(err => {
                console.log(err);
            })
    },
    ajaxPost (api, post, cb) {
        axios.post(api, post)
            .then(cb)
            .catch(err => {
                console.log(err);
            })
    },
}

4、axios引用到 .vue 文件

import http from './../common/js/http'

get请求：

http.ajaxGet(url, res => {
     console.log(res)               
});

post请求：

http.ajaxPost(url, obj, res => {
     console.log(res)               
});