如何在Vue中將Axios導入main.js？

Question

我似乎無法在我的 vue 項目中使用 axios ，因為當我嘗試在 Home.vue 的文件中使用axios.get()時，沒有定義“ axios ”。 我在配置它的 main.js 中做錯了嗎？ 還是我錯過了需要添加的東西？ 下面是我的main.js代碼，它顯示了我如何將 axios 添加到我的項目中。

import Vue from 'vue';
import GSignInButton from 'vue-google-signin-button';
import ElementUI from 'element-ui';
import axios from 'axios';
import './assets/element-variables.scss';
import locale from 'element-ui/lib/locale/lang/en';
import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;
Vue.use(ElementUI, { locale });
Vue.use(GSignInButton);
Vue.use(axios);
Vue.use(ElementUI);

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');

編輯：對我來說，這個問題的解決方案是安裝一個名為 vue-axios 的 vue 插件，並按照此處的步驟進行配置： https://www.npmjs.com/package/vue-axios

Answer 1

嘗試添加axios作為實例全局屬性而不是Vue.use(axios); ：

Vue.prototype.$axios=axios

然后你可以在任何像this.$axios.get()

了解有關添加實例屬性的更多信息