您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例
axios请求拦截器
发布时间：2020-03-15 19:28:56编辑：雪饮阅读（）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="./node_modules/vue/dist/vue.js"></script>
<script type="text/javascript" src="./node_modules/axios/dist/axios.js"></script>
<script type="text/javascript">
Vue.prototype.$axios = axios
var App = {
template:`<div class='app'>
<button @click="send">请求</button>
</div>`,
methods:{
send(){
//添加请求拦截器
this.$axios.interceptors.request.use(function(config){
//在发送请求之前做些什么
console.log("config",config);
config.data.name='xy';
return config;
},function(error){
//对请求错误做些什么
return Promise.reject(err);
});
//正式请求
this.$axios.post('1.php',{name:"dmj",age:28}).then(res=>{
console.log("成功",res);
}).catch(res=>{
console.log("失败",res);
})
}
}
};
new Vue({
el: '#app',
template: `<App />`,
components:{App}
});
</script>
</body>
</html>
关键字词：axios,请求拦截器
上一篇：axios取消请求
下一篇：axios响应拦截器