时间戳

首页 > 解决方案 > nuxt.js axios 请求有时仅在 chrome 上很慢

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

问题描述

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

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

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

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

谢谢你

标签： javascriptproxyaxiosnuxt.js

解决方案

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

推荐阅读