https error for capacitor (android studio) + vue app, i get ([ERROR:ssl_client_socket_impl.cc(996)] handshake failed;) in android-studio device app

Question

i am new to capacitor, i started an app with vue and vuetify and add capacitor and installed the android studio. The purpose of the app is to track the movement of couriers. the web app is working fine with self singed https cert,

// vue.config...
 devServer: {
    https: true,
       cert: fs.readFileSync('192_168_123.crt'), 
       key: fs.readFileSync('192_168_123.key'),
    disableHostCheck: true,
    host: '192.168.123.123',
    watchOptions: {
      poll: true
},

which means i have an cert error on browser but its fine on the web (https://192.168.123.123), the problem is when i try to open the app from studio i get blank page, i need the https for the location coords i can't work with http only . how can i solve this? would love any help thank you