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

最新推荐文章于 2024-10-26 09:52:19 发布

原创最新推荐文章于 2024-10-26 09:52:19 发布 · 500 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

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

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);
        }
    },
}