项目场景:
场景:在Vue中使用axios向后台发起网络请求
文章目录
项目场景:一、什么是axios二、使用步骤1.安装模板2.可以在main.js中设置请求头和超时事件3.在需要发起请求的页面中导入'axios'4.在具体方法中发起请求
一、什么是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请求