vue-cli4 添加axios后报错：Cannot read property ‘use‘ of undefined

仅此，

于 2021-07-03 23:44:00 发布

阅读量422

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/Hcy_code/article/details/118446872

本文介绍了如何在Vue项目中通过`vueaddaxios`插件添加axios全局属性，并在main.js中进行配置，以便在组件中方便地进行HTTP请求。详细步骤包括导入axios、创建Vue应用、设置全局axios变量和挂载路由及状态管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

执行vue add axios 后需要添加全局属性，在main.js里添加

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from "axios";

const app = createApp(App);
app.config.globalProperties.axios = axios;  // 添加全局属性
app.use(store).use(router).mount('#app');

使用：

this.axios.get("http://localhost:8181/book/books").then(function(res){})```