Javascript 如何将Axios导入Vue中的main.js？

我似乎无法在我的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插件，并按照此处的步骤进行配置：

尝试将

axios

添加为实例全局属性，而不是

vue.use（axios）：

然后您可以在任何子组件中使用它，如
this.$axios.get（）

了解有关
的更多信息您是否尝试过
this.axios.get（）
或
this.$axios.get（）
？只需检查：您是否安装了axios的依赖节点模块？而不是
Vue.use（axios）
do
window.axios=axios
使axios可以全局访问，否则使用它将axios集成到您的vue应用程序中，因为普通axios不是vue插件，所以
vue.use
不起作用。好的，我试试that@ibrahimmahrir感谢为methis工作的插件是vue 3语法
Vue.prototype.$axios=axios