Vue.js / OpenSSL / Chrome: ERR_CERT_AUTHORITY_INVALID

Question

Я использую микро-сервис (используя nginx, node.js, express, cors, https).Затем я отправляю почтовые запросы в этот микро-сервис через веб-интерфейс (используя vue.js и axios), что выдает мне ошибки!

При использовании такого инструмента, как Insomnia или Postman, все работает нормально, при использовании Google Chrome с интерфейсом появляется следующая ошибка в Inspect -> Network -> Status:

(failed) net::ERR_CERT_AUTHORITY_INVALID

Я сгенерировал сертификат с OpenSSL, используя SAN с соответствующими DNS и IP, но он не работает с Google Chrome:

openssl req \                              
    -newkey rsa:2048 \
    -x509 \
    -nodes \
    -keyout server.key \
    -new \
    -out server.crt \
    -subj /CN=mydomainname \
    -reqexts SAN \
    -extensions SAN \
    -config <(cat /etc/ssl/openssl.cnf \
        <(printf '[SAN]\nsubjectAltName=DNS:mydomainname,IP:123.123.123.123')) \
    -sha256 \
    -days 3650

Что еще я могу сделать, чтобы решить эту проблему?

Answer 1

Я мог бы решить эту проблему с помощью другого подхода, где я бы не использовал OpenSSL, а только nginx в качестве прокси-сервера и сертификаты Certbots https, которые прекрасно работают с Google Chrome. Поэтому я настроил несколько пропусков прокси в nginx, поэтому все внешние запросы проходили через https и затем соответствующим образом пересылались на локальные серверы:

location ^~ /api/ {
    proxy_pass http://localhost:3000/;
}

location / {
    proxy_pass http://localhost:8080/;
}