vue3，proxy代理后，怎么样看到代理后的路径？

安安DE爸爸

已于 2024-04-23 16:27:37 修改

阅读量352

点赞数 4

文章标签： javascript vue.js 前端

于 2024-04-23 16:24:56 首次发布

本文链接：https://blog.csdn.net/weixin_39971163/article/details/138131138

版权

vue3，proxy代理后，netword只能看到本地路径，怎么样看到代理后的路径？
在vite配置文件中的代理模块，写入bypass方法。

"^/external-roadshow": {
					target: VITE_APP_HTTP_DOMAIN,
					// target: "http://http://10.6.13.212:9208", //
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/external-roadshow/, '/external-roadshow'),
					bypass(req, res, options : any) {
						const realUrl = options.target + (options.rewrite ? options.rewrite(req.url) : '');
						console.log(realUrl); // 在终端显示
						res.setHeader('A-Real-Url', realUrl); // 添加响应标头(A-Real-Url为自定义命名)，在浏览器中显示
					},
				},

运行后，可以在network中找到对应的请求。请求头中会看到代理后的路径。