HTML CSS - Manifest json erreur 401 Unauthorized

HTML CSS

[05/07/2019] Manifest json erreur 401 Unauthorized

Manifest: Line: 1, column: 1, Unexpected token

Manifest json erreur 401 Unauthorized

Dans l'élaboration d'une application web (PWA) imposant d'utiliser un fichier manifest pour initialiser celle-ci, il arrive parfois qu'une erreur "401 unauthorized" survienne dans votre console :
 
PWA Erreur 401 unauthorized INFORMATUX

La lecture de votre fichier manifest.json est pourtant correcte mais impossible de le lire depuis l'application en elle-même.

Vous avez donc ces deux messages dans votre console malgré vos efforts :
  1. GET https://votredomaine.com/manifest.json 401 (Unauthorized)
  2. Manifest: Line: 1, column: 1, Unexpected token
La solution est simple, il vous suffit de passe de ça :
<link rel="manifest" href="manifest.json">
à ça :
<link rel="manifest" crossorigin="use-credentials" href="manifest.json">

L'attribut "crossorigin" ajouté à votre appel de votre fichier manifest avec la valeur "use-credentials" vous permettra de résoudre ce problème.

Et le résultat sera au rendez-vous pour ceux qui développent, par exemple, une PWA (Progressive Web Application). Résultat d'un extrait de rapport Lighthouse :
 
PWA installation succès INFORMATUX


Bon code ;-)

© 2005 - 2019 • INFORMATUX