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

Question

最近在做nuxtjs，遇到了一个奇怪的现象。

在 nuxtjs 中，http 请求是使用 axios 模块和 proxy 模块发出的。直接请求api运行的localhost:8080是非常快的。（约4~6ms）

但是，当启用代理时，请求（端口3000）有时会延迟到300mm左右。奇怪的是，它只在 Chrome 中变慢。（约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 请求有时需要 300ms，因此假设来自 nuxtjs 的请求在 chrome 中由于某种原因延迟，而不仅仅是 axios 代理模块的问题。

如果您也经历过同样的事情，如果您能回复我，我将不胜感激。

谢谢

Answer 1

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