1.导入axios
通过srcipt标签导入,也可以通过npm导入
2.使用axios
axios({
//设置请求方式
method: 'GET',
//设置请求路径,即后端的路径(spring boot中的配置端口)
url: ''
})
上面返回的是一个Promise对象,这个对象有个属性其中有一个data对象即后端返回的数据。
返回了对象以后我们可以对该对象进行下一步处理。
3.axios
axios({
//设置请求方式
method: 'GET',
//设置请求路径,即后端的路径(spring boot中的配置端口)
url: ''
}).than(function(result)){
//返回了一个对象,我们把该对象用一个result变量接受并通过console.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变量接受并通过console.log方法打印
console.log(result)
}
5.附加内容
我们除了可以直接调用axios以外,还可以调用axios的get或者post方法
语法格式:axios.get(url,{})
url:表示我们要访问的地址
{}:是一个对象,里面放我们传递参数的方式params{}或者data{}
总结
以上就是今天要讲的内容。