tengo una aplicación en angular donde he configurado un alert donde notifico si hay una nueva versión para instalar, la parte donde configuro el services worker fue la de este sitio: services worker in angular
y me funciona correctamente en local porque cuando ejecuto
ng build --configuration production
y luego ejecuto en otra terminal estando en el directorio /dist
http-server
y luego de eso sin detener el servicio de http-server
la aplicación funciona correctamente, ahora viene lo importante que deseo, que me notifique si hay una nueva versión que instalar, lo que hago es lo siguiente
Realizo algunos pequeños cambios en la aplicación y vuelvo a ejecutar ng build --configuration production
(sin detener http-server
) luego cuando termina de compilar automaticamente me muestra el mensaje que hay una nueva version disponible que hay que instalar
Ahora bien, ya esta misma aplicación que tengo en /dist
y lo cargo en un servidor privado remoto (digitalocean) y subo actualizaciones ahi, me da el siguiente error:
{
"type": "VERSION_INSTALLATION_FAILED",
"version": {
"hash": "53d69fb3207e6116f9e36ef379a1cddf737d8e6f"
},
"error": "Hash mismatch (cacheBustedFetchFromNetwork): https://midominio.com/index.html: expected 0efe491b9fcfab801c6e215cca547665314f7ee6, got e81f58bba71654d3e4fdd8e39416048d2ebe0520 (after cache busting)
Error: Hash mismatch (cacheBustedFetchFromNetwork): https://midominio.com/index.html: expected 0efe491b9fcfab801c6e215cca547665314f7ee6, got e81f58bba71654d3e4fdd8e39416048d2ebe0520 (after cache busting)
at PrefetchAssetGroup.cacheBustedFetchFromNetwork (https://midominio.com/ngsw-worker.js:476:21)
at async PrefetchAssetGroup.fetchFromNetwork (https://midominio.com/ngsw-worker.js:451:19)
at async PrefetchAssetGroup.fetchAndCacheOnce (https://midominio.com/ngsw-worker.js:430:21)
at async https://midominio.com/ngsw-worker.js:535:9
at async https://midominio.com/ngsw-worker.js:521:9
at async https://midominio.com/ngsw-worker.js:521:9
at async https://midominio.com/ngsw-worker.js:521:9
at async https://midominio.com/ngsw-worker.js:521:9
at async https://midominio.com/ngsw-worker.js:521:9
at async https://midominio.com/ngsw-worker.js:521:9"
}
mi configuracion de nginx es la siguiente:
server {
server_name midominio.com;
location ~* \.(eot|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
location / {
root /var/www/html/dist;
# Add index.php to the list if you are using PHP
index index.html index.htm index.nginx-debian.html;
try_files $uri $uri/ /index.html;
}
location /api {
rewrite /api/(.*) /$1 break;
proxy_pass http://127.0.0.1:5000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
location /socket.io {
# rewrite /socket.io/(.*) /$1 break;
proxy_pass http://127.0.0.1:5000/socket.io/;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-Port $remote_port;
#include nginxconfig.io/proxy.conf;
proxy_http_version 1.1;
proxy_cache_bypass $http_upgrade;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
}
listen [::]:443 ssl ipv6only=on; # managed by Certbot
listen 443 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/midominio.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/midominio.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
Cuando lo ejecuto con http-server en local me funciona de maravilla, cuando lo paso a nginx ya me manda el error mostrado anteriormente, ¿es posible que le falte alguna configuración a nginx?
Cualquier luz de ayuda que me proporcionen se los agradecería mucho.