How to hide data from network tab?

Question

In my angular application if I go to dev tools network tab I will be able to see the response and request coming from the back end. Do anyone know how to hide or mask this data, is this possible if I do the server-side rendering?

Answer 1

Requests will be shown.

This cannot be stopped, the application is making requests and this will be logged to the network tab by the browser, as mentioned in the comments, if there are security concenrns you should be handling this a different way. Do not send data to the client that they should not be allowed access to in the first place.

To try and ensure security run over HTTPS on the off chance to data gets intercepted, that way it will not be usable data. Most data, as mentioned in the comments, will be provided by the user. Meaning in should not need to be hidden within the network tab.

Worst case scenario, someone physically sits at their computer and reads what is in the network tab, but this is a scenario that cant be accounted for when developing applications. You could base64 encode data that is being sent to and from so it is less readable to anyone who should see the network tab. Here are some resources to have a look through related to the question.

HTTPS summerised // base64 encode // Angular's security section