Stockage local dans les pages du même domaine mais en utilisant différents ports

J'essaie d'utiliser le stockage local sur plusieurs pages sur le même domaine, mais pour une raison quelconque, Firefox crée de multiples instances de données de stockage dans les pages si elles utilisent des ports différents. Donc, si je définis quelque chose pour www.example.com:80 qui ne persistera pas lorsque vous allez à www.example.com:8000, il créera une entrée redondante entièrement nouvelle des mêmes données. Comment puis-je corriger cela et l'utiliser pour utiliser la même entrée?

Les ports doivent être identiques pour que les règles d'origine fonctionnent. Le seul moyen de l'utiliser est un proxy côté serveur.

Définition d'une origine:

Deux pages ont la même origine si le protocole, le port (si l'une est spécifiée) et l'hôte sont les mêmes pour les deux pages.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Same_origin_policy_for_JavaScript

Pour passer des jetons entre les applications, j'ai eu recours à des cookies:

Définir les cookies sur le côté client de l'application 001

<script>( function() { document.cookie = 'token=undefined; token_expires=Fri, 3 Aug 2020 20:47:11 UTC; path=/' } )();</script> 

Ensuite, utilisez les cookies du côté client de l'application-002

 <script>( function() { console.log( document.cookie.replace(/(?:(?:^|.*;s*)token*=s*([^;]*).*$)|^.*$/, '$1') ); } )();</script> 

Ensuite, une fois que vous avez le cookie sur l'une ou l'autre application, ajoutez-la à un agent local, ce qui facilite l'accès vers l'avant.

 <script>( function() { localStorage.setItem('token', document.cookie.replace(/(?:(?:^|.*;s*)token*=s*([^;]*).*$)|^.*$/, '$1') );); } )();</script>