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