Vue 3.0 配置axios

1、通过指令 npm install axios -S 安装axios
Vue 3.0 配置axios

2、通过指令npm install vue-axios -S 安装vue-axios(注意:有时候我们在pack.json中看到vue-axios已经安装上去了,但是可能存在明明安装了,在组件中无法使用,因此需要重新安装vue-axios,这个在vue3.0中有80%的几率发生)
Vue 3.0 配置axios
3、在main.js全局配置axios(在vue3.0中引入了一个新的函数名createApp,会把容器挂载到它上面来,因此我们会新命名一个变量const app = createApp(App),方便我们后期挂载依赖,createApp(App)类似于2.0中的Vue,同时vue2.0中是通过Vue.prototype. a x i o s = a x i o s 进 行 挂 载 的 , v u e 3.0 要 通 过 a p p . c o n f i g . g l o b a l P r o p e r t i e s . axios = axios 进行挂载的,vue3.0要通过app.config.globalProperties. axios=axiosvue3.0app.config.globalProperties.axios = axios进行挂载)
Vue 3.0 配置axios
4、在对应的vue文件中引入axios并且请求数据
Vue 3.0 配置axios