【无标题】vue3原型上全局`挂载axios`的配置，全局挂载公共属性及方法的配置

vue3原型上全局挂载axios的配置，全局挂载公共属性及方法的配置

首先先下载axios
npm install --save axios
在vue3项目包的main.js中

import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//引入axios
import axios from 'axios'
//挂载公共方法
const app=createAPP(App)
app.config.globalProperties.$axios=axios
//挂载公共的属性
const BASEURL='https://www.baidu.com'
app.config.globalProperties.BASEURL=BASEURL
app.use(store).use(router).mount('#app')

import {getCurrentInstance} from 'vue'
//get获取
//current当前应用
//instancel实例
//在组合Api内使用getCurrentInstance()返回一个对象
console.log(getCurrentInstance())//相当于vue2的this
getCurrentInstance().appContext.config.globalProperties.$axios//就可以找到我们刚才挂载的方法了
getCurrentInstance().appContext.config.globalProperties.BASEURL//就可以找到我们刚才挂载的属性了

//以上就是vue3原型上挂载公共属性及方法的配置

vue2原型上全局挂载axios的配置，全局挂载公共属性及方法的配置

在vue2的项目文件包main.js中

//首先引入axios

import axios from 'axios'
//挂载到原型上
Vue.prototype.$axios =axios



//在页面文件里直接使用this.$axios()就可以了
this.$axios('请求url').then(res=>{
console.log(res)