すべてのコンポーネントでグローバルにaxiosを使用するvue

Question

VueアプリケーションとCLI内でaxiosを使用してテストしています。vue-resourceを使用しており、Vue.use（VueResource）に渡すだけですべてのコンポーネントでアクセスできます。 。axiosでこれを実現するにはどうすればよいので、コンポーネントにインポートする必要はなく、main.jsファイルで一度定義するだけですみますか？

Answer 1

Main.jsでは、Axiosを$ httpに割り当てることができます。

main.js

_import Axios from 'axios'

Vue.prototype.$http = Axios;
_

vueプロトタイプを変更することにより、任意のvue=インスタンスはthisで_$http_を呼び出すことができます（例：this.$http.get('https://httpbin.org/get')

注：_$http_は現在axiosオブジェクトです。したがって、axiosオブジェクトで呼び出すことができるメソッドであれば、_this.$http_で呼び出すことができます。