在vite.config.ts中添加如下配置:
server: {host: "0.0.0.0", // 指定服务器应该监听哪个 IP 地址port: 8848, // 指定开发服务器端口open: true, // 开发服务器启动时,自动在浏览器中打开应用程序cors: true,// Load proxy configuration from .env.developmentproxy: {"/api": {target: viteEnv.VITE_API_URL,changeOrigin: true,rewrite: path => path.replace(/^\/api/, "")}},bypass(req, res, options: any) {const proxyURL = options.target + options.rewrite(req.url);console.log("客户端请求的真正地址:", proxyURL);res.setHeader("REAL-URL", proxyURL); // 设置响应头在浏览器中可见}
},
请求测试
- 控制台输出:
- 浏览器开发者工具中: