尚硅谷尚品汇 vue 项目中配置多个代理服务器

最新推荐文章于 2025-06-11 06:55:19 发布

孙看看

最新推荐文章于 2025-06-11 06:55:19 发布

阅读量473

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/SUNK2014/article/details/136366949

版权

本文介绍了如何在Nginx配置中使用proxy模块实现对/dev-api/admin/product和/dev-api的反向代理，着重展示了pathRewrite功能的使用以及onProxyReq事件的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

proxy: {
    '/dev-api/admin/product': {
        target: 'http://39.98.123.211:8510',
        pathRewrite: {
            # 注意这里需要修改
            '^/dev-api/admin/product': '/admin/product'
        },
        onProxyReq(proxyReq, req, res) {
        	# 可以在 proxyReq 这个对象中查看代理的请求信息
            console.log("/dev-api/admin/product", proxyReq);
        }
    },
    '/dev-api': {
        target: 'http://39.98.123.211:8170',
        pathRewrite: {
            '^/dev-api': ''
        },
        onProxyReq(proxyReq, req, res) {
            console.log("/dev-api", proxyReq);
        }
    },
}