Verwendung der es6-Klasse zum Erweitern von Axios

Question

Ich interessiere mich für die Erstellung eines API-Wrappers und die Erweiterung von Axios mit es6-Klassen. Wie ist das möglich? Axios hat eine Methode .Create(), die Sie einen neuen axios

class Api extends Axios { 
    constructor(...args){ 
    super(..args) 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

Objekt generieren kann ich weiß, ich habe Zugang zu diesem let instance = axios.create().

Irgendwelche Gedanken?

Versuch 1

import axios from 'axios' 
const Axios = axios.create() 

class Api extends Axios { 
    constructor (...args) { 
    super(...args) 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

let api = new Api() 

api.cancelOrder('hi') 
    .then(console.log) 
    .catch(console.log) 

Versuch 2

import axios from 'axios' 

class Axios { 
    constructor() { 
    return axios.create() 
    } 
} 

class Api extends Axios { 
    constructor() { 
    super() 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

let api = new Api() 

console.log(api.__proto__) 

api.cancelOrder('hi') 
    .then(console.log) 
    .catch(console.log) 

Answer 1

Wenn man sich die source code von axios schauen sie scheinen nicht die "Klasse" für Axios aussetzen, nur eine Instanz .

Ich glaube nicht, dass ein Instanzobjekt in es6 erweitert werden kann.

---

Ihr zweiter Versuch scheint praktikabelste, aber wenn man jedes einzelne axios Methode emulieren möchten, Sie kann haben eine Menge Aufwand.

Answer 2

axios exportiert momentan nicht das Axios Objekt, das intern verwendet wird.

Die Methode .create() instanziiert nur eine neue Instanz.

// Factory for creating new instances 
axios.create = function create(defaultConfig) { 
    return new Axios(defaultConfig); 
}; 

Ich erstellte eine PR, die die Axios Klasse exportiert.

https://github.com/reggi/axios/commit/7548f2f79d20031cd89ea7c2c83f6b3a9c2b1da4

Und ein Github Problem hier:

https://github.com/mzabriskie/axios/issues/320