#Ionic browser livereload not working how to

In some scenarios, the VS Code extension will use a plugin to avoid SSL errors when running on iOS and Android avoiding the need to trust the self-signed certificate. The best way is to install and trust the certificate on the device (or your Mac/PC if testing using a web browser).

#Ionic browser livereload not working how to

When you check the box Use HTTPS it will generate a self-signed certificate on your computer and will display a page with instructions on how to download, install and trust the certificate.Īvoiding SSL errors is the quick way to work but it isn't the right way to work. The Ionic VS Code extension can help create a self-signed certificate and trust it on devices. The device will also need to trust the connection which means that if you use a self-signed certificate it will need to be installed and trusted on the device. If your app uses APIs that require a secure context (like web crypto) then it must be served using HTTPS (or not use live reload).

Live Reload will use http (not https) and this may affect your application particularly if it uses APIs that require a secure context (such as geolocation, crypto). In the Ionic VS Code extension, you can choose Settings > Live Reload and then run on the Web or mobile device to use the Live Reload feature. Whenever you change a file in your editor the device will reload your app and display your changes. To aid with rapid development the Live Reload feature will allow your browser or mobile device to use your development web server instead of static files on your device.