Vue 3.0 配置axios
1、通过指令 npm install axios -S 安装axios
2、通过指令npm install vue-axios -S 安装vue-axios(注意:有时候我们在pack.json中看到vue-axios已经安装上去了,但是可能存在明明安装了,在组件中无法使用,因此需要重新安装vue-axios,这个在vue3.0中有80%的几率发生)
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=axios进行挂载的,vue3.0要通过app.config.globalProperties.axios = axios进行挂载)
4、在对应的vue文件中引入axios并且请求数据