整個vue項目中如何優(yōu)雅的組織axios請求（不是指axios封裝）

大概這樣吧

axios.com.js //還是要封裝下

import Axios from 'axios'
const Http = (path, method, domain) => {
     return (data, params) => {
        const url = domain + path;
        return Axios({
              method: method,
              url: url,
              data: data,
              params: params,
              }).then((response) => {
              const res = response.data;
              return res;
              }).catch((error) => {
              return error;
              });
    }
}
export function httpGet(path, domain) {
  return Http(path, 'get', domain);
}

api.js

import { httpGet} from './axios.com'; 
export default {
getGoodNew:httpGet('/news','localhost:5000')
}

main.js

import Vue from 'vue';
import Api from './api';
Vue.prototype.$Api = Api;
...
...
this.$Api.getGoodNew(data, params).then(res => {
//...
})

可以在created周期鉤子里面調(diào)用請求方法函數(shù)觸發(fā)請求

方法在methods里面定義，在其他生命周期鉤子函數(shù)里調(diào)用