Vue Router异步加载组件的问题

Question

我在router.js里配置了异步加载组件：

export default new Router({
  routes: [
    ...
    {
      path: '/Chat',
      name: 'Chat',
      component: () => import( /* webpackChunkName: "Chat" */ './Chat.vue'),
    }
    ...
  ]
})

但是不管是在调试时，还是部署之后，打开首页都会出现这样的请求：

每个异步组件都会出现一个这样的空请求，没有response，在真正加载这些异步组件的时候，会再次请求，但是这次有正常的response：

请教这是为什么呢？

Answer 1

知道了，是prefetch请求......