Vue中使用axios

文章描述:

axios在Vue项目中可以用来向后台发送请求(调接口API),获取响应信息的一个方法。

 

安装

cnpm install axios -S

vue页面

import axios from 'axios'
axios({
	url:'/api/home',
    }).then(res=>{
	console.log(res)
})

get请求

axios.get('api/home?ID=123456').then(function (response) {
	console.log(response);
    }).catch(function (error) {
	console.log(error);
})
// 上面的请求也可以这样做
axios.get('/api/home', {
	params: {
			ID: 123456
		}
	}).then(function (response) {
		console.log(response);
	}).catch(function (error) {
		console.log(error);
});

post请求

axios.post('/api/home', {
	name: '小坏蛋',
	sex: 1,
}).then(function (response) {
	console.log(response);
}).catch(function (error) {
	console.log(error);
});

 

发布时间:2022/11/15

发表评论