Missing openssl certificate in localhost environment - docker

Question

I am using nginx - docker - laravel and I want to add a certificate in my local environment.
Dockercompose for nginx:
findraNginx:
container_name: findra_nginx
hostname: nginx
image: nginx:1.21
restart: unless-stopped
depends_on:
- nadal
- findraMinio
ports:
- "5001:80"
- "5002:443"
volumes:
- ./docker/virtualhost.conf:/etc/nginx/conf.d/default.conf
- ./nadal/docker/ssl/cert.pem:/etc/nginx/ssl/cert.pem
- ./nadal/docker/ssl/cert-key.pem:/etc/nginx/ssl/cert-key.pem
Virtualhost.conf
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
index index.php index.html index.htm;
root /var/www/public;
ssl_certificate /etc/nginx/ssl/cert.pem;
ssl_certificate_key /etc/nginx/ssl/cert-key.pem;
location / {
try_files $uri $uri/ /index.php?$query_string;
}
location ~ ^/.+\.php(/|$) {
fastcgi_pass nadal:9000;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
}
}
I followed these steps to generate .pem files for nginx
Generate RSA
openssl genrsa -aes256 -out ca-key.pem 4096
Generate a public CA Cert
openssl req -new -x509 -sha256 -days 365 -key ca-key.pem -out ca.pem
Create a RSA key
openssl genrsa -out cert-key.pem 4096
Create a Certificate Signing Request (CSR)
openssl req -new -sha256 -subj "/CN=myname" -key cert-key.pem -out
cert.csr
Create a extfile with all the alternative names
echo "subjectAltName=DNS:your-dns.record,IP:mylocalip" >> extfile.cnf
Create cert
openssl x509 -req -sha256 -days 365 -in cert.csr -CA ca.pem -CAkey
ca-key.pem -out cert.pem -extfile extfile.cnf -CAcreateserial
and when I try to open the app in chrome