<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
(1)请求拦截器：在请求之前设置一些信息
//添加一个请求拦截
axios.interceptors.request.use(function(config){
//在请求之前进行一些信息设置
return config;
},function(err){
//处理响应的错误信息
});
-->
<script src="./axios/axios.js"></script>
<script>
axios.interceptors.request.use(function(config){
//在请求之前进行一些信息设置
console.log(url);
config.headers.mytoken = 'nihao';
return config;
},function(err){
//处理响应的错误信息
console.log(err);
});
axios.get('http://localhost:3000/data').then(function(ret){
console.log(ret.data);
});
</script>
<!--
（2）响应拦截器：再获取数据之前对数据进行一些加工处理
//添加一个响应拦截器
axios.interceptors.response.use(function(res){
//在这里对返回的数据进行处理
return res;
},function(err){
//处理响应错误的信息
});
-->
<script>
axios.interceptors.response.use(function(res){
//在这里对返回的数据进行处理
console.log(res);
var data = res.data;
return data;
},function(err){
//处理响应错误的信息
console.log(err);
});
axios.get('http://localhost:3000/data').then(function(ret){
console.log(ret.data);
});
</script>
</body>
</html>
网友评论