在请求时打印出实际代理的目标地址
使用 Vite 的 configure 钩子
import { defineConfig } from 'vite';
import proxy from 'http-proxy-middleware';export default defineConfig({server: {proxy: {[VITE_API_URL]: {target: 'https://xxxx.cn',changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, ''),configure: (proxyInstance, options) => {proxyInstance.on('proxyReq', (proxyReq, req, res) => {const targetUrl = options.target + req.url.replace(/^\/providerapi/, '');console.log(`[Proxy Request] ${req.method} → ${targetUrl}`);});},},},},
});
- proxyInstance.on(‘proxyReq’, …):监听代理请求事件。
- req.url.replace(/^/providerapi/, ‘’):获取去掉 /providerapi 前缀的真实路径。
- options.target:目标服务器地址。
效果: 每当前端发起请求时,终端会输出类似以下日志:
[Proxy Request] GET → https://xxx.cn/test