(Vue.js) Webpack dev server config to use a (corporate) proxy

vue.config.js

const HttpsProxyAgent = require('https-proxy-agent')

const proxy = new HttpsProxyAgent('http://1.2.3.4:3128')

module.exports = {
    // ...
    configureWebpack: {
        devServer: {
            // ...
            proxy: {
                '/api/*': {
                    target: 'https://your-remote-backend.com',
                    ws: true,
                    changeOrigin: true,
                    agent: proxy
                }
            }
        }
    }
}

webpack.config.js

const HttpsProxyAgent = require('https-proxy-agent')

const proxy = new HttpsProxyAgent('http://1.2.3.4:3128')

module.exports = (env) => ({
    // ...
    devServer: {
        // ...
        proxy: {
            '/api/*': {
                target: 'https://your-remote-backend.com',
                ws: true,
                changeOrigin: true,
                agent: proxy
            }
        }
    }
})