Estoy tratando de implementar mi sitio web en aws con cloudfront y route53. El sitio está implementado y se ejecuta en https://higgle.io . Sin embargo, los activos no se cargan, ya que las imágenes arrojan 403. ¿Cómo lo soluciono? Estoy usando serverless-next.js sin servidor. Y estaba siguiendo una de sus publicaciones de blog para configurarlo. Hasta ahora agregué que tiene serverless.yml en el nivel de ruta.
higgle: component: serverless-next.jsy mi next.config.js parece
module.exports = { target: 'serverless', webpack: (config) => { config.module.rules.push({ test: /\.svg$/, use: ['@svgr/webpack'], }); return config } }Mientras que las estructuras de carpetas se ven como
-root -.next -pages -_document.js -index.js -public -static -favicon.ico -next.config.js -package.json -serverless.yml¿Algúna idea de cómo arreglar esto? Gracias
S3 devuelve un 403 porque sus artículos son privados.
Su política de depósito debe ser:
{ "Version": "2012-10-17", "Id": "Policy1517754859350", "Statement": [ { "Sid": "Stmt1517754856505", "Effect": "Allow", "Principal": "*", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::YOUR-BUCKET-NAME/*" } ]}