vue3项目本地环境网路请求初始连接过久导致接口请求时间过长的问题处理

vue3项目本地环境网路请求初始连接过久导致接口请求时间过长的问题处理

vue3项目本地环境网路请求初始连接过久导致接口请求时间过长的问题处理

前言:

本地环境为了解决跨域的问题做了请求代理,然后部分接口请求平均三四百毫秒,导致部分接口访问卡顿严重,如下图:

image

解决方案:

开启代理连接复用即可,代码如下:

//vite.config.ts
{server: {open: true,port: 3000,host: "0.0.0.0",proxy: {"/api": {target: "https://wwww.xxxx.com/",changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, ""),// 新增:开启代理连接复用configure: (proxy) => {proxy.on("proxyReq", (proxyReq) => {proxyReq.setHeader("Connection", "keep-alive");});}}}}
}

添加以上代码,开启代理链接复用后,问题解决。