请问vue如何拦截vue-resource 的http的请求？这是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue-resource.min.js"></script>
</head>
<body>
<div id="app">
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {},
mounted: function() {
this.$http.post('api', {
params: {
a: 1, b: 2
}}).then(function(res) {
document.write(res.body);
}, function(res) {
console.log(res.status);
});
},
methods: {}
})
</script>
</body>
</html>网友回复
改成这样，增加一个 Vue.http.interceptors.push
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue-resource.min.js"></script>
</head>
<body>
<div id="app">
</div>
<script type="text/javascript">
Vue.http.interceptors.push((request, next) => {
//request.credentials = true; // 接口每次请求会跨域携带COOKIE
//request.method= 'POST'; // 请求方式（get,post）
//request.headers.set('token','111') // 请求headers携带参数
// console.log(this)//此处this...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
