Home > OS >  How to restrict access of my react build static files?
How to restrict access of my react build static files?

Time:09-16

I have created the build by npm run build and hosted the build folder on a server.

My problem is that I can see the static files by their paths. Eg - https://[mydomain.com]/static/js/11.ba24d9f9.chunk.js2

While if this file doesn't exist(hit a random url on this domain, eg - https://[mydomain.com]/abaknan), it will render my 404Component because of react-router * entry.

Is it possible to block this chunk route and show 404component ?

CodePudding user response:

React is a Javascript library for UI rendering on the client-side. So, it requires all the compiled JS loaded into the document in order to render the components.

If you are using any sensitive information on your page. Please secure those in your backend application.

CodePudding user response:

The compiled JS chunk files are necessary to render the page. So, they must be accessible from wherever you're requesting the page. Other endpoints return your custom 404 page because the file wasn't found by React Router. Blocking chunk routes is not possible from your UI framework, you will need to add those rules on your server.

  • Related