VuejsでAxiosメソッドをグローバルにインポートする

import axios from'axios 'Vue.use（{install（Vue）{Vue.prototype。$ api = axios.create（{baseURL：' http：// localhost：8000 / api / '}）}}）new Vue（ {//ここにあなたのアプリ}）
今、あなたはすることができますthis。$ api.get（...）すべてのコンポーネントメソッド

 
 
Vueプラグインの詳細については、https：//vuejs.org/v2/guide/plugins.htmlをご覧ください。
 
提供/注入もオプションになる可能性があります：https：//vuejs.org/v2/api/#provide-inject
 
 
  
ブラウザで使用できるウィンドウオブジェクトがあります。要件に基づいて、それを積極的に活用できます。
 
main.jsファイル内
 
'axios'からaxiosApiをインポートします。 const axios = axiosApi.create（{baseURL： `your_base_url`、headers：{header：value}}）; //ウィンドウオブジェクトを使用して、グローバルに使用できるようにします。 window.axios = axios;
今あなたのcomponent.vueに
 
 
 
メソッド：{someMethod（）{axios.get（ '/ endpoint'）。then（res => {}）。catch（err => {}）; }}
これは基本的に、プロジェクトでaxiosをグローバルに使用する方法です。また、これはLaravelがそれを使用する方法でもあります。