vite中配置了proxy代理，如何查看代理之后的真实接口地址？

最新推荐文章于 2024-07-04 15:37:08 发布

百香果果ccc

最新推荐文章于 2024-07-04 15:37:08 发布

阅读量958

点赞数 1

分类专栏： Vue 文章标签： vue vite

本文链接：https://blog.csdn.net/wytccc/article/details/137881221

版权

Vue 专栏收录该内容

48 篇文章 1 订阅

订阅专栏

本文介绍了如何在服务器中设置一个针对/api路径的代理，将请求转发至http://xxx.com，同时处理跨域问题并记录真实请求地址在响应头中。

摘要由CSDN通过智能技术生成

server: {
	proxy: {
		'/api': {
	        target: 'http://xxx.com',
	        changeOrigin: true,
	        bypass(req, res, options) {
	          const proxyURL = options.target + options.rewrite(req.url);
	          res.setHeader('x-req-proxyURL', proxyURL) // 将真实请求地址设置到响应头中
	        },
	        rewrite: (path) => path.replace(/^\/api/, '')
	 	},
	}
}