+
95
-

vue如何拦截vue-resource 的http的请求?

vue

请问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>


网友回复

+
15
-

改成这样,增加一个 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%

我知道答案,我要回答