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等
