I am developing an app using Angular and i wanted to use https to implement secure authentication. I created a certificate for the app using mkcert, and i tried importing it in google chrome, however the site is still labeled as insecure. What did i do wrong?

Thanks in advance.

The files that mkcert generated are ( is a placeholder for the actual name):
+4.pem
+4-key.pem

I specified the following options for serving the angular app:
“options”: {
“host”: “0.0.0.0”,
“sslKey”: “./+4-key.pem”,
“sslCert”: “./+4.pem”,
“ssl”: true
},

I imported +4.pem both as a root certificate authority and a personal certificate. However the green padlock still doesn’t appear when i visit the site even though chrome says that the certificate was imported correctly.