1.在main.js中引入axios
import axios from 'axios'
2.在main.js中进行全局设置,组件中直接用$http即可(将axios挂载到VUE组件实例中,直接使用)
Vue.config.productionTip = false
Vue.prototype.$http = axios
3.在组件中发送请求
expost default{
methods:{
aync getinfo(){
const(data:res) = await this.$http.get("http://xxxxxx")
}
aync postinfo(){
const(data:res) = await this.$http.post("http://",{name:'xxxxx'})
}
}
}
4.可将请求url设置为全局域名,后续使用地址可以直接省去域名
axios.defaults.baseURL = "http://xxxxx"