axios是基于promise对ajax的一种封装。
默认使用get请求方式
axios({
url: 'http://localhost:6068/api/v1/version',
}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
等同于
axios({
url: 'http://localhost:6068/api/v1/version',
method: 'get'
}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
使用post方式发送无参请求
// post 是默认请求方式，无返回结果
axios({
url: 'http://localhost:6068/api/v1/login',
method: 'post',
data: {
muid: 'm900901'
}
}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
axios默认post的请求参数使用application/json。
// post 是默认请求方式
axios({
url: 'http://localhost:6068/api/v1/login',
method: 'post',
params: { // 方式一：data改为params后，可正常返回数据
muid: 'm900901'
}
}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
// post 是默认请求方式
axios.post({
url: 'http://localhost:6068/api/v1/login?muid=m900901', // 方式二：参数写在url中
method: 'post',
}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
// 方式三：后台服务器端给接收参数加
axios.post('http://localhost:6068/api/v1/login?muid=m900901', {muid 'm900901'}).then(res => {
console.log('res..', res);
}).catch(err => {
console.log('err');
})
axios作拦截器
1. 请求方向的拦截（成功请求，失败请求）
2. 响应式请求
