nuxt.js axios请求有时仅在Chrome上很慢

Question

我最近一直在研究nuxtjs，并且遇到了一种奇怪的现象。

在nuxtjs，使用axios模块和代理模块发出http请求。 直接向api操作的localhost：8080请求非常快。 （约4〜6ms）

但是，启用代理后，请求（端口3000）有时会延迟到大约300mm。 奇怪的是，它只会降低镀铬速度。 （约300〜350ms）

chrome devtool请求捕获（1）

chrome devtool请求捕获（2）

nuxt.config.js

module.exports = {
    modules: [
        '@nuxtjs/axios',
        '@nuxtjs/bulma',
        '@nuxtjs/font-awesome'
    ],
    plugins: [
        '~/plugins/axios'
    ],
    axios: {
        proxy: true,
        credentials: true
        // proxyHeaders: false,
        // https: true
    },
    proxy: {
        '/api/': { target:'http://localhost:8080', pathRewrite: {'^/api/': ''}  }
    },
    ...
}

鉴于对favicon.ico的请求以及axios请求有时需要300毫秒，因此，假设chrome中来自nuxtjs的请求由于某种原因而被延迟，而不仅仅是axios代理模块的问题。

如果您遇到过同样的事情，请回答，我们将不胜感激。

谢谢

Answer 1

我知道只有在使用本地主机时才会发生。 所以我将其更改为127.0.0.1或其他自定义域。 我没有找到明确的原因，但我很高兴现在已经解决了。 谢谢。