Serve Angular Over HTTPS

Serve Angular Over HTTPS
Photo by Joshua Sortino / Unsplash

Sometimes you need to serve your application using https and your in luck because Angular makes this very simple.

First update your angular.json to set ssl: true as shown below.

Next you need to update Chrome to allow invalid certificates for resources loaded from localhost.


Then you can restart you server and access over https

ng serve --ssl

Navigate to https://localhost:4200.  

Click Advanced button and then click Proceed to localhost link.

Done. Simples!!!