项目场景:
场景:在Vue中使用axios向后台发起网络请求
一、什么是axios
axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。
二、使用步骤
1.安装模板
指令如下:
npm install axios
2.可以在main.js中设置请求头和超时事件
代码如下(示例):
axios.defaults.baseURL = 'http://10.0.117.64:8080/Blog_war_exploded'
axios.defaults.timeout = 5000
3.在需要发起请求的页面中导入’axios’
import axios from 'axios'
4.在具体方法中发起请求
axios({
url: '/blog/tagId',
method: 'get',
params: {
item: item
}
}).then(res => {
console.log("请求tagId", res.data)
})
其中:向后端传值的方式有两种,分别是 params,data。
- params:是添加到url的请求字符串中的,用于get请求。
- data:是添加到请求体(body)中的, 用于post请求