Javascript Vuejs http侦听器失败

我正在尝试设置vuejs http拦截器，但它们不起作用

Vue.use(VueResource)
Vue.http.options.root = 'http://127.0.0.1:8000/api' //this works

Vue.http.interceptors.push({
  request: (request) => {
    console.log("we have a request")
    return request
  },
  response: (response) => {
    console.log('we got a response', response)
    return response
  },
  error: (err) => {
    console.log('error is', err)
  }
})

现在在我的组件中

this.$http.get('user/profile/')

拦截器不支持console.log

---

哪里出了问题？

如果没有正确配置拦截器，则应该使用两个参数推送函数

request

和

next

Vue.use(VueResource)
Vue.http.options.root = 'http://127.0.0.1:8000/api' //this works

Vue.http.interceptors.push(function (request, next) {
  console.log(request)
  request.headers.set('Authorization', 'Bearer ' + sessionStorage.getItem('token'))
  next()
})

Vue.http.interceptors.push(function (request, next) {
  next(function (response) {
    console.log(response)
    if (response.status === 401) {
      // handle error or logout
      return response
    }
  })
})

---

如果没有正确配置拦截器，则应该使用两个参数推送函数

request

和

next

Vue.use(VueResource)
Vue.http.options.root = 'http://127.0.0.1:8000/api' //this works

Vue.http.interceptors.push(function (request, next) {
  console.log(request)
  request.headers.set('Authorization', 'Bearer ' + sessionStorage.getItem('token'))
  next()
})

Vue.http.interceptors.push(function (request, next) {
  next(function (response) {
    console.log(response)
    if (response.status === 401) {
      // handle error or logout
      return response
    }
  })
})

---

当然您可以勾选作为答案，这样每个人都知道它肯定会做到这一点。您还可以演示我如何在请求上附加访问令牌吗？我已经突出显示了这一点，您将访问令牌保存到会话存储成功身份验证后，您将拦截器中的

request.headers.set（“”，）

设置为

request.headers.set（'Authorization'、'bearrier'+sessionStorage.getItem（'access_token'））

，您可以设置您想要的任何标题值。您可以勾选为答案，这样每个人都知道它肯定会这样做。您还可以演示我如何在请求上附加访问令牌吗？我突出显示了这一点，您可以将访问令牌保存到会话存储成功身份验证后，您可以设置

请求.headers.set（“”，）

在拦截器到

request.headers.set（'Authorization'、'Bearer'+sessionStorage.getItem（'access\u token'））

中，您可以设置任何想要的头值