webpack - 在 webpack-dev-server 代理配置中进行代理上下文匹配时如何分配函数？

Question

例如我的webpack.config.js:

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:3000',
                pathRewrite: {'/api': ''}
            }
        }
    },
    ....
}

这里，我使用 /api 来匹配一个 url 规则。但我研究了http-proxy-middleware，它是webpack-dev-server的proxy的基础，它说我们可以使用过滤函数进行自定义匹配:

var filter = function (pathname, req) {
    return (pathname.match('^/api') && req.method === 'GET');
};
var apiProxy = proxy(filter, {target: 'http://www.example.org'})

但是在 webpack.config.js 中，我如何使用过滤器函数来进行自定义匹配？谢谢。

Answer 1

devServer: {
    proxy: [
        {
            target: 'http://api.example.com',
            context: function(pathname, req) {
                if (/^\/api/.test(pathname)) {
                    return true;
                }
                return false;
            }
        }
    ]
}

引用:https://webpack.js.org/configuration/dev-server/#devserverproxy