Google Chrome localhost error NET::ERR_CERT_AUTHORITY_INVALID without option to dismiss

Question

I am developing a website using Roots.io stack (Trellis + Bedrock + Sage).

I am working, locally, on several sites and they're all working fine. Until today I reboot my computer > execute vagrant up > attempt to access the local development URL https://mysite.dev > but suddenly get an error, in Chrome, stating "NET::ERR_CERT_AUTHORITY_INVALID".

Normally, I do get a similar error, but I have the option to dismiss it. But now I do not.

Via BrowserSync, I can access the site via localhost:3000 but not using the development URL.

If you're familiar with Roots, you know that Trellis generates the SSL locally as self-signed in an automated process. So I know very little about how it works outside of their documentation.

I understand that this issue seems to be a mix-match with the SSL certificates locally, but I don't really know how to troubleshoot that. I'm thinking there is a file locally that needs to be deleted and replaced. But I don't know how to generate a replacement if that's the case.

I have spent about an hour reading any articles I could find on the topic but none seem to really explain precisely what's going on in a way I can apply.

Update: Ultimately I'm looking for a way to add an exception for the ticket in Chrome. I was able to do it in Firefox and it's working there.

Thank you.

Answer 1

Short Answer: Don't use .dev extensions in your local URLs as this is now a real domain name extension no longer reserved for localhost.

Long Answer: https://ma.ttias.be/chrome-force-dev-domains-https-via-preloaded-hsts/

Answer 2

You can either

• Import this certificate using Chrome's Options > Manage Certificates > Import
• Or simply ignore SSL errors launching chrome with args --ignore-certificate-errors like /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors &> /dev/null & (not recommended).