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请求......