Как назначить функцию при выполнении сопоставления прокси-сервера в конфигурации прокси-сервера webpack-dev-сервера?

Question

В примере моего webpack.config.js:

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

Здесь я использовал /api, чтобы соответствовать одному правилу URL. Но я смотрел в http-proxy-middleware, который является основой из webpack-dev-server «s proxy, он сказал, что мы можем использовать filter function сделать custom match:

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

Но в webpack.config.js, как я мог бы использовать filter function сделать мой custom match ? Благодарю.

Answer 1

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

Ссылка: https://webpack.github.io/docs/webpack-dev-server.html#proxy