#axios 数据请求示例

1axios({
2		// 默认请求方式为get
3		method: 'get',
4		url: 'api',
5		// 传递参数
6		params: {
7			key: value
8		},
9		// 设置请求头信息
10		headers: {
11			key: value
12		}
13		responseType: 'json'
14	}).then(response => {
15		// 请求成功
16		let res = response.data;
17		console.log(res);
18	}).catch(error => {
19		// 请求失败，
20		console.log(error);
21	});

1axios
2	.get("api", {
3		// 传递参数
4		params: {
5			key: value
6		},
7		// 设置请求头信息，可以传递空值
8		headers: {
9			key: value
10		}
11	})
12	.then(response => {
13		// 请求成功
14		let res = response.data;
15		console.log(res);
16	})
17	.catch(error => {
18		// 请求失败，
19		console.log(error);
20	});

1// 注：post请求方法有的要求参数格式为formdata格式，此时需要借助 Qs.stringify()方法将对象转换为字符串
2	let obj = qs.stringify({
3		key: value
4	});
5
6	axios({
7		method: 'post',
8		url: 'api',
9		// 传递参数
10		data: obj,
11		// 设置请求头信息
12		headers: {
13			key: value
14		}
15		responseType: 'json'
16	}).then(response => {
17		// 请求成功
18		let res = response.data;
19		console.log(res);
20	}).catch(error => {
21		// 请求失败，
22		console.log(error);
23	});

1let data = {
2			key: value
3		},
4		headers = {
5			USERID: "",
6			TOKEN: ""
7		};
8	// 若无headers信息时，可传空对象占用参数位置
9	axios.post("api", qs.stringify(data), {
10		headers
11	}
12	}).then(response => {
13		// 请求成功
14		let res = response.data;
15		console.log(res);
16	}).catch(error => {
17		// 请求失败，
18		console.log(error);
19	});