在vite.config.ts中添加如下配置:
server: {
host: "0.0.0.0", // 指定服务器应该监听哪个 IP 地址
port: 8848, // 指定开发服务器端口
open: true, // 开发服务器启动时,自动在浏览器中打开应用程序
cors: true,
// Load proxy configuration from .env.development
proxy: {
"/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); // 设置响应头在浏览器中可见
}
},
请求测试
- 控制台输出:
- 浏览器开发者工具中: