サブドメイン全体でlocalStorageを使用する

それをサポートできるブラウザー（IE以外のすべて）で、cookieをlocalStorageに置き換えます。問題はsite.comとwwwです。site.comは、独自の個別のlocalStorageオブジェクトを格納します。wwwはサブドメインと見なされていると思います（私に尋ねるとばかげた決定です）。ユーザーが元はsite.comにいて、wwwと入力することにした場合。次の訪問時にsite.comにアクセスすると、すべての個人データにアクセスできなくなります。すべての「サブドメイン」にメインドメインと同じlocalStorageを共有させるにはどうすればよいですか？

これは、ドメイン間で使用する方法です...

• 親ドメインのiframeを使用する-「parent.com」と言う
• 次に、各child.comドメインで、parent.com iframeにpostMessageを実行します
• 必要なのは、postMessageメッセージを解釈してparent.com iframeと通信する方法のプロトコルを設定することだけです。

それが役に立てば幸いです:)

この特定の問題のためだけにiframeとpostMessageソリューションを使用している場合、データをサブドメインのないCookieに格納するだけで（コード的にも計算的にも）作業が少なくなると思います。ロード時のlocalStorageで、cookieから取得します。

長所：

• 追加のiframeとpostMessageを設定する必要はありません。

短所：

• すべてのサブドメイン（wwwだけでなく）全体でデータを利用できるようにするため、すべてのサブドメインを信頼しない場合は機能しない可能性があります。
• 各リクエストでデータをサーバーに送信します。すばらしいわけではありませんが、シナリオによっては、iframe / postMessageソリューションよりも作業が少ない場合があります。
• これを行う場合は、なぜCookieを直接使用しないのですか？あなたのコンテキストに依存します。
• 4Kの最大Cookieサイズ、ドメインのすべてのCookieの合計（コメントで指摘してくれたBlakeに感謝）

他のコメンターにも同意しますが、これはlocalStorageの指定可能なオプションのようですので、回避策は必要ありません。

一貫性とこのような問題を回避するために、site.comをwww.site.comにリダイレクトすることをお勧めします。

また、各ブラウザーのネイティブストレージを使用できるPersistJSなどのクロスブラウザーソリューションの使用を検討してください。

メインドメインでCookieに設定-

document.cookie = "key=value;domain=.mydomain.com"

次に、メインドメインまたはサブドメインからデータを取得し、localStorageに設定します

私はxdLocalStorageを使用しています。これは、LocalStorageインターフェイスを実装し、iframeポストメッセージ通信を使用してクロスドメインストレージをサポートする軽量のjsライブラリです。（angularJSサポート）

https://github.com/ofirdagan/cross-domain-local-storage

この種のソリューションは、このような多くの問題を引き起こします。一貫性とSEOの考慮事項のために、メインドメインでのリダイレクトが最良のソリューションです。

サーバーレベルでリダイレクトする

Nginxでwwwをwww以外にリダイレクトする方法

https://www.digitalocean.com/community/tutorials/how-to-redirect-www-to-non-www-with-nginx-on-centos-7

または 使用している場合はルート53のような他のレベル

これは私が私のウェブサイトのためにそれを解決した方法です。wwwのないすべてのページをwww.site.comにリダイレクトしました。この方法では、常にwww.site.comのlocalstorageが使用されます

以下を.htacessに追加します（まだ持っていない場合は作成します）。

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]