Recientemente desarrollé un sitio web, es NodeJs (en Ubuntu) y ejecuto una aplicación React. El problema está, por ejemplo, en Chrome; cuando hace clic derecho en el sitio web y verifica las fuentes, puede ver los códigos fuente y todos los archivos. Quiero ocultarlos a todos.
En esta sección, quiero ocultar los códigos fuente (archivos) en el servidor.
Probé un par de soluciones en Internet, pero ninguna funcionó.
Por ejemplo,
Agregué "build": "GENERATE_SOURCEMAP=false react-scripts build",
en package.json
y luego pm2 reload
(también yarn build, etc.)
Creé un archivo llamado .env
y agregué esta línea GENERATE_SOURCEMAP=false
en él.
Ninguno de ellos ha funcionado. Mi sitio web está actualmente activo en este momento y quiero ocultar los archivos fuente, ¿cómo puedo ocultar estos archivos fuente de la pestaña de fuentes para que las personas no puedan ver los códigos fuente?
Después de una larga investigación, he encontrado la solución.
.env
en su proyecto. El nombre del archivo es simplemente .env
..env
, coloque esta línea GENERATE_SOURCEMAP=false
y guarde.npm run build
o yarn build
.build
para producción. Después de eso, depende de lo que esté usando, ejecute este archivo de compilación para ejecutar el sitio web. Por ejemplo, estoy usando pm2
en mi servidor Ubuntu, así que he usado pm2 serve build 3000 --spa
(mi sitio web se ejecuta en el puerto 3000) También tenga cuidado de estar en la misma ruta con la carpeta de build
.Eso es todo Ahora todos los archivos de código fuente se han ido y el sitio web funciona a la perfección.