Vite配置了proxy,查看代理接口地址

发布时间 2024-01-03 18:55:38作者: Karle

开发环境VIte配置了proxy,在控制台看不到实际请求的URL

可以在proxy使用byPass()

因为无法将其添加到请求头中,使用加到响应头方便查看

'/api': {
	target: env.VITE_NODE_ENV === 'prod' ? 'https://***.com' : `https://***.com`,
	changeOrigin: true,
	secure: false,
	bypass(req, res, options) {
		const proxyURL = options.target + options.rewrite(req.url)
		console.log('proxyURL', proxyURL)
		req.headers['x-req-proxyURL'] = proxyURL // 设置未生效
		res.setHeader('x-req-proxyURL', proxyURL) // 设置响应头可以看到
	},
	rewrite: (path) => path.replace(/^\/api/, 'api')
}