Dev Server HTTPS Needed for Secure Features

1. Dev server only running HTTP, not HTTPS
2. No local certificate for HTTPS
3. Browser rejects self-signed certificate
4. Unsupported feature from non-HTTPS context
5. Mixed HTTP/HTTPS requests (mixed content)

Configure HTTPS in vite.config.js:

import fs from 'fs';

export default {
  server: {
    https: {
      key: fs.readFileSync('.cert/key.pem'),
      cert: fs.readFileSync('.cert/cert.pem')
    }
  }
}

Generate self-signed cert: mkcert localhost

Or use localhost.run or ngrok for public HTTPS tunnel.