How to Configure a Webpack Proxy for HTTPS domain

webpack_https_proxy.txt

Step 1:
Add below line in your start script command in package.json
"start": "webpack-dev-server --https --env.apiBaseUrl='https://yourdomain.com/' --config webpack.config.js"

Step 2:
After above changes, change your webpack.config.js as below:
module.exports = function({ apiBaseUrl = "https://yourdomain.com/" }) {
 
  return {
    ...
    devServer: {
      ...
      proxy: {
        "/api": {
          "changeOrigin": true,
          "cookieDomainRewrite": "localhost",
          "target": apiBaseUrl,
          onProxyReq: proxyReq => {
            // Browers may send Origin headers even with same-origin
            // requests. To prevent CORS issues, we have to change
            // the Origin to match the target URL.
            if (proxyReq.getHeader('origin')) {
              proxyReq.setHeader('origin', apiBaseUrl);
            }
          }
        }
      }
    }
  }
};