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

【问题标题】：nuxt.js axios request is sometimes slow only at chromenuxt.js axios 请求有时仅在 chrome 上很慢
【发布时间】：2019-11-29 09:05:09
【问题描述】：

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

在 nuxtjs 中，http 请求是使用带有代理模块的 axios 模块发出的。直接向 api 运行的 localhost:8080 请求是非常快的。 (约4~6ms)

但是，启用代理后，请求（端口 3000）有时会延迟到大约 300 毫米。奇怪的是，它只会在 chrome 中变慢。 (约300~350ms)

chrome devtool request capture(1)

chrome devtool request capture(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代理模块的问题。

如果你有同样的经历，如果你能回应，我将不胜感激。

谢谢

【问题讨论】：

我根据使用 chrome/proxy 和各种形式的数据获取经验的猜测是，由于代理和 chrome 对安全性的热情，它与 ssl 检查需要更长的时间有关。另外，不确定您使用 axios 而不是 fetch 是否有特定原因？

标签： javascript proxy axios nuxt.js

【解决方案1】：

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

【讨论】：