vue3 vite 后端地址配置

    server: {
      port: 80,
      host: true,
      open: true,
      proxy: {
        // https://cn.vitejs.dev/config/#server-proxy
        '/api': {
          target: 'http://192.168.3.71:5099',
          changeOrigin: true,
          bypass(req, res, options) {
            const proxyURL = options.target + options.rewrite(req.url);
            res.setHeader("x-req-proxyURL", proxyURL); // 将真实请求地址设置到响应头中
          },
          rewrite: (p) => p.replace(/^\/api/, '')
        }
      }
    },

下面这段加完之后可以在浏览器打印上看到 真实请求的后端地址，否则f12网络看到的只是浏览器的ip和端口号，我因为这个一直以为配置不能生效呢，后来想到可能只是不显示真实地址，因为换了好几个框架都是不行但改完这个地址 网页数据就加载不到了想到的。

bypass(req, res, options) {
            const proxyURL = options.target + options.rewrite(req.url);
            res.setHeader("x-req-proxyURL", proxyURL); // 将真实请求地址设置到响应头中
          },