在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

原文地址：https://blog.csdn.net/weixin_52663662/article/details/143503211

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！