<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcss.com/vue/2.3.3/vue.js"></script>
<script src="https://cdn.bootcss.com/axios/0.17.0/axios.js"></script>
</head>
<body>
<div id="box">{{name}}
<button @click="text">测试拦截器</button>
</div>
<script type="text/javascript">
var vm=new Vue({
el:"#box",
data:{name:"吴师傅",getUrl:"http://localhost:8080/TextGoods/servlet/FindServlet"},
methods:{
text(){
axios.post(this.getUrl,{name:this.name}).then(res=>{alert(res.data)},err=>{alert(err.status)});
}
},
//生命周期:装载后
mounted:function(){
//请求前拦截
axios.interceptors.request.use(
function (config){
console.log("请求前拦截");
console.log(config);
return config},
function(error){
return Promise.reject(error)
}),
//相应后拦截
axios.interceptors.response.use(
function(config){
console.log("响应后拦截");
return config},
function(error){
return Promise.reject(error)})
}
})
</script>
</body>
</html>