Interceptor not fired from created hook on full page reload

In this standalone project https://github.com/rightaway/demo you’ll see that the I use a created hook to make an HTTP request using this.$http.get (https://github.com/rightaway/demo/blob/master/src/Home.vue#L11).

However, the interceptor https://github.com/rightaway/demo/blob/master/src/index.js#L16 doesn’t get fired when I load the page from a browser reload. But if I click to another link on that page (e.g. Login) and then click back to the main link Home, the interceptor does get fired and the console.log occurs.

Why does the interceptor not fire on initial page load?

[pzanitti]

That’s because the interceptor is added after Home component’s created() hook runs.

You can either place the interceptor before const vm = new Vue({ or mount the vm after the interceptor:

const vm = new Vue({
  router,
  store,
})

Vue.http.interceptors.push((request, next) => {
  console.log('before-request')
  next()
});

vm.$mount('#app');

The console then shows:

dev-server.js:60 [HMR] Waiting for update signal from WDS...
index.js:16 before-request
client?cbff:37 [WDS] Hot Module Replacement enabled.

[PeterSeng]

@pzanitti Thanks.Your answer helps me also.