axios的使用

---

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{}

---

总结

以上就是今天要讲的内容。