Multiple targets configuration

[Irindul]

Disclaimer: This is not really a bug but I didn't know which category to choose.

I have a proxy configuration as such in my vue.config.js file:

module.exports = {
  devServer: {
    port: 8081,
  },
  pluginOptions: {
    proxy: {
      enabled: true,
      context: ['/api', '/oauth2', '/login', '/auth/conf'],
      options: {
        target: 'http://127.0.0.1:8080',
        secure: false,
        headers: {
          host: 'localhost:8081',
        },
      },
    },
  },
};

And I would like to add a new configuration for another route with another target (For example, let's say I need all calls to /foo to be proxied to http://127.0.0.1:8082)

I'm not sure how this would be done using this plugin. Is multi-target supported and I'm missing something or is just not possible ?

[weineel]

You can configure devServer.proxy and pluginOptions.proxy at the same time.

module.exports = {
  devServer: {
    port: 8081,
    proxy: {
      // '/other/path' don't be included in 'pluginOptions.proxy.context'.
      '/other/path': {
        target: 'http://127.0.0.1:8082',
        changeOrigin: true
      },
    },
  },
  pluginOptions: {
    proxy: {
      enabled: true,
      context: ['/api', '/oauth2', '/login', '/auth/conf'],
      options: {
        target: 'http://127.0.0.1:8080',
        secure: false,
        headers: {
          host: 'localhost:8081',
        },
      },
    },
  },
};