使用常量/变量作为webpack开发服务器代理URL模式

Question

在开发服务器设置中，我们使用webpack-dev-server代理设置通过中间件服务器连接API。我们必须不时地更改中间件服务器设置，并且不希望在多个位置更改信息，我们希望将它们放在一个位置。

因此，我们尝试了以下方法，

const MIDDLEWARE_SERVER = 'https://midlleware.server';
const MIDDLEWARE_RESOURCE = '/xyz';
const MIDDLEWARE_API_ENDPOINT = MIDDLEWARE_SERVER + MIDDLEWARE_RESOURCE + '/api';

devserver: {
   proxy: {
       MIDDLEWARE_RESOURCE : {
          target: MIDDLEWARE_API_ENDPOINT;
          pathRewrite: { MIDDLEWARE_RESOURCE: '' },
   }
}

由于无法识别URL模式（我们通过捕获onProxyReq事件进行了检查），导致404错误导致此操作无效。

但是，如果在代理部分中将MIDDLEWARE_RESOURCE替换为“ / xyz”，则它可以工作。

在提供“代理”模式方面存在限制吗？

谢谢

Answer 1

我可以使用[MIDDLEWARE_RESOURCE]表示法来使其工作。像下面一样

const MIDDLEWARE_SERVER = 'https://midlleware.server';
const MIDDLEWARE_RESOURCE = '/xyz';
const MIDDLEWARE_API_ENDPOINT = MIDDLEWARE_SERVER + MIDDLEWARE_RESOURCE + '/api';

devserver: {
   proxy: {
       [MIDDLEWARE_RESOURCE] : {
           target: MIDDLEWARE_API_ENDPOINT;
           pathRewrite: { MIDDLEWARE_RESOURCE: '' },
   }
}