本文详细介绍了在Vue项目中如何安装axios库，包括通过npm安装并将其全局挂载到Vue原型上，以及在组件中使用axios进行GET请求的多种方式，如无参数、带参数和设置全局默认配置。同时，还提到了axios的拦截器设置。
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.拦截器设置
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
