Dev Server Proxy to HTTPS backend does not seem to work

Do NOT ignore this template or your issue will have a very high chance to be closed without comment.

Describe the bug

Trying to proxy backend requests to a local server that is using HTTPS. Proxy configuration as follows:

module.exports = {
  proxy: {
    '/api': {
      target: 'https://localhost:8000/api',
      changeOrigin: true,
    }
  }
}

(Note that I have also tried various other variations without any improvements)

Requests fail to go through, appear to be attempting to proxy without HTTPS, i.e. to http://localhost:8000/api. End result is that the request fails with a 500 code, would expect it to query the server.

Reproduction

I think this is quite straightforward, but let me know if not.

System Info

• required vite version: v1.0.0-beta.12
• required Operating System: Windows 10
• required Node version: 12.18.2
• Optional:
  • npm/yarn version: 1.22.4
  • Installed vue version (from yarn.lock or package-lock.json): 3.0.0-beta.24
  • Installed @vue/compiler-sfc version: 3.0.0-beta.24

Logs (Optional if provided reproduction)

No error log, request simply fails in the browser.

[shyser]

add secure: false, such as

export default {
  proxy: {
    // with options
    '/api': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      secure: false
    }
  }
}

[tn-jed]

I’ve done some more testing on my end and it looks like the problem is with my backend service. When I swap in a different https backend, everything with the vite proxy works as expected. I’m using secure: false.

Thanks for your help.