axios 安装
npm install axios --save
axios 使用
1. axios 的引入
在main.js文件中引入(在main.js引入即为全局引入)
// axios需要使用prototype将axios挂载到原型上 ,$后面是自己另起的名称,以后就可以使用该名称
Vue.prototype.$axios = Axios
2.在组件中直接使用
大体使用格式
使用方法一:
// 使用方法一
this.$axios.get()
this.$axios.post()
使用方法二:
// 使用方法二
this.$axios({
method: 'get', // 方法
url: url, // 地址
data: { //参数
xxx = xxx
}
})
具体使用方法:
get方法无参数时:
// get方法无参数时
this.$axios.get(url)
.then(res => {
})
.catch(error => {
console.log(error)
})
get方法有参数时方法一:
// get方法有参数时方法一
this.$axios.get("url?xxx=xxx")
.then(res => {
})
.catch(error => {
console.log(error)
})
get方法有参数时方法二:
// get方法有参数时方法二
this.$axios.get(url,{
params:{
xxx = xxx
}
})
.then(res => {
})
.catch(error => {
console.log(error)
})
通过请求获取远程图片:
3.全局默认设置
在main.js文件中设置
// 全局默认设置
Axios.defaults.baseURL = 'url'
// 还可设置请求头headers等
4.拦截器设置