How to resolve the "UNABLE_TO_VERIFY_LEAF_SIGNATURE" error when using Webpack DevServer to proxy an HTTPS resource?

edit

The "UNABLETOVERIFYLEAFSIGNATURE" error occurs when the SSL certificate of the HTTPS resource being proxied by Webpack DevServer cannot be verified.

To resolve this error, you can either:

1. Disable SSL verification by adding the following line to the DevServer configuration:

proxy: {
  '/api': {
    target: 'https://example.com',
    secure: false
  }
}

Note that disabling SSL verification is not recommended for production use.

1. Install the SSL certificate on your local machine and configure DevServer to trust it. To do this, follow these steps:

• Obtain the SSL certificate from the HTTPS resource and save it to a file (e.g. example.crt).
• Add the following line to your DevServer configuration:

proxy: {
  '/api': {
    target: 'https://example.com',
    secure: true,
    ssl: {
      key: fs.readFileSync('example.crt'),
      ca: fs.readFileSync('example.crt'),
      cert: fs.readFileSync('example.crt')
    }
  }
}

Note that this method will only work if the SSL certificate is issued by a trusted Certificate Authority.