在vue3的vite网络请求报错 [vite] http proxy error:

在开发的过程中 代理proxy报错:

[vite] http proxy error: /ranking/hostRank?dateType=1
Error: connect ETIMEDOUT 43.xxx.xxx.xxx:443

网络请求是http的:

// vite.config.ts
import { Agent } from 'node:http';

server: {
    host: '0.0.0.0',
    port: port,
    open: true,
    https: false,
    proxy: {
      '***': {
        target: '***',
        ws: true,
        changeOrigin: true,
        agent: new Agent({ keepAlive: true, keepAliveMsecs: 20000 }), // add this line
      },
    },
  },

网络请求是https的：

// vite.config.ts
import { Agent } from 'node:https';

server: {
    host: '0.0.0.0',
    port: port,
    open: true,
    https: false,
    proxy: {
      '***': {
        target: '***',
        ws: true,
        changeOrigin: true,
        agent: new Agent({ keepAlive: true, keepAliveMsecs: 20000 }), // add this line
      },
    },
  },

上面本人亲测有效

提示：如果是使用yarn

yarn add agent-base
yarn add http

import http from "http";
agent: new http.Agent({keepAlive: true, keepAliveMsecs: 20000})

如果代理地址是localhost

不用localhost，将proxy配置中的target的地址改成使用127.0.0.1 （其他人已谈到的解决方案）

另外还有大佬提到下面这个，提供参考

export NODE_OPTIONS="--dns-result-order=ipv4first"
vite