axios的基本使用
axios的基本使用
·
axios是专门用来进行数据传输的即Http等相关传输,基本的 使用如下
axios的使用
1.导入axios,可以通过script标签导入,也可以通过npm导入
2.使用axios
axios({
//设置请求方式
method: 'GET',
//设置请求路径,即后端的路径(spring boot中配置的端口)
url: ''
})
上面返回的是一个Promise对象,这个对象有列个属性其中有一个data对象即后端返回的数据
返回了对象以后我们可以对该对象进行下一步处理即
3.axios({
//设置请求方式
method: 'GET',
//设置请求路径,即后端的路径(spring boot中配置的端口)
url: ''
}).than(function(result)){
//返回了一个对象,我们把该对象用一个result变量接收并通过conole.log方法打印
console.log(result)
}
4.参数的传递
通过get方法的参数用params:{}
通过post方法的参数用data:{}
axios({
//设置请求方式
method: 'GET',
//设置请求路径,即后端的路径(spring boot中配置的端口)
url: ''
//这里使用的是方法所以用params封装参数并传入
params: {id:1}
//如果使用的是post方式,则使用data:{}对象封装
data:{}
}).than(function(result)){
//返回了一个对象,我们把该对象用一个result变量接收并通过conole.log方法打印
console.log(result)
}
5.我么除了可以直接调用axios以外,我们还可以调用axios的get或者post方法
语法格式:axios.get(url,{})
url:表示我们要访问的地址
{}:是一个对象,里面放我们传递参数的方式params{}或者data{}
6.我们在每个组件中使用axios的时候我们都需要导入axios为了避免麻烦,我们可以在vue的原型上挂在axios
这样就不需要再每个vue中导入axios,可以直接使用,但是这样也有一个缺点————无法实现复用
更多推荐
已为社区贡献1条内容
所有评论(0)