Axios的“get”请求
axios在vue开发中,是一个很常用的点,本篇文章记录一下,axios的使用,与一些新手使用可能出现的问题。
首先我们需要通过命令行来安装,通过命令行输入如下命令:
npm install axios --save
安装好以后,需要先获取axios对象,在main.js直接引入
//引入
import Axios from 'axios'
//获取对象
//这里注意,需要将axios挂载到原型身上
//这样的写法意思是,在原型身上创建了一个$axios的对象。将Axios挂载给它就可以了。
Vue.prototype.$axios = Axios
引入完成了。就可以在相应的组件里面取调用它了。示例如下:
//url为你的请求地址。
this.$axios("url",{
params:{
name:"wdsd",
age:"18"
}
})
.then(res =>{
console.log(res)
}).catch(error =>{
console.log(error)
})
这里有几个需要注意的点:
1.axios在接口请求成功以后,then后面一定要用es6的箭头函数语法,否则会获取不到当前组件的this。
2.params是固定写法,里面可传递你请求接口的时候需要传递的参数。
以上就是axios的get请求基本用法。