Axios介绍:
基于promise网络请求,实现异步获取请求数据。( 无需重新加载页面完成局部数据刷新 )
示例一:
<!--引入Axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios.get('/user',{
params: { //传参 -> '/user?id=123'
id: 123
}
}).then( //成功获取数据 回调
).catch({ //异常
})
示例二:
Axios在Vue中的模块封装
下载
npm install axios --save
封装 request
import axios from 'axios'
const request = axios.create({
baseURL: 'http://localhost:7777',
timeout: 5000
})
export default request
调用
import request from '@/utils/request'
export default {
login(data) {
return request({
url: '/user/login',
method: 'post',
data
})
},
{
}
...
}
拦截器
// 请求拦截器标签:axios,示例,request,Axios,拦截器,user From: https://www.cnblogs.com/cwyzl/p/17341836.html
axios.interceptors.request.use(function (config) {
});
// 响应拦截器
axios.interceptors.response.use(function (response) {
});