0
638
VisualizaçõesNext.js en Vercel con Sentry: ignore los mapas de origen en producción
Estoy implementando una aplicación Next.js en Vercel con la configuración de Sentry proporcionada por el módulo @sentry/next.js . Aquí está el repositorio de ejemplo: https://github.com/voronianski/test-next-sentry-app
Utiliza el ejemplo oficial de Next.js (por ejemplo, https://github.com/vercel/next.js/tree/canary/examples/with-sentry ).
La integración con Sentry funciona perfectamente. Sin embargo, noté una cosa que me molesta. Los mapas de origen de cada archivo están disponibles públicamente.
Aquí está el enlace a la aplicación: https://test-next-sentry-app.vercel.app/ y aquí está el archivo de mapa de _app.js https://test-next-sentry-app.vercel.app/ _next/static/chunks/pages/_app-b2c4ce59f737104d4ac1.js.map
Esto conduce a la estructura del proyecto y los códigos fuente completamente visibles en las herramientas de desarrollo del navegador: 
Traté de usar el archivo .vercelignore pero no funcionó: https://github.com/voronianski/test-next-sentry-app/blob/main/.vercelignore
¿Hay alguna manera de no implementar archivos de mapas de origen para el público en Vercel? ¡Gracias!
2 Respostas
Responde à pergunta0
Como lo sugiere el soporte de Vercel, puede usar la opción de rewrites en next.config.js para lograr esto:
const nextConfig = { // ... rewrites: async () => { // do not leak source-maps in Vercel production deployments // but keep them in Vercel preview deployments with generated urls // for better dev experience const isVercelProdDeploy = process.env.VERCEL_ENV === 'production'; if (isVercelProdDeploy) { return { beforeFiles: [ { source: '/:path*.map', destination: '/404' } ] }; } return []; }, // ... }; module.exports = nextConfig;https://nextjs.org/docs/api-reference/next.config.js/rewrites
0
Considere presentar su aplicación a través de un CDN frente al dominio vercel.app
https://vercel.com/support/articles/using-cloudflare-with-vercel
Cloudflare es gratuito hasta cierto punto para el acceso basado en IP (no para usuarios públicos) a través de su plan de equipos y luego puede agregar sus reglas de acceso IP a su rango de IP para esa ruta
https://developers.cloudflare.com/cloudflare-one/applications/configure-apps/self-hosted-apps