前端域名、端口、协议一样,本地缓存可以共享吗?

是的,前端在域名、端口、协议都相同的情况下,本地缓存(localStorage、sessionStorage、cookie 等)是可以共享的,具体如下:


本地缓存能否共享的判断标准:

缓存类型

是否共享的条件

localStorage

协议 + 域名 + 端口完全一致时可共享

sessionStorage

只在当前标签页或 iframe 会话中共享

Cookie

取决于 domain 和 path,协议端口也需一致

IndexedDB

也依赖于同源策略(协议、域名、端口都一致)


举个例子:

如果你访问:

  • http://localhost:3000/app1
  • http://localhost:3000/app2

这两个页面:

  • 都是 http
  • 都是 localhost
  • 都是 3000 端口

那么它们的 localStorage 和 cookie 是可以共享的。
但 sessionStorage 是不共享的,除非它们在同一个标签页或 iframe 中打开。


注意:

如果其中任一项不同,例如:

  • 协议不同(http vs https)
  • 域名不同(localhost vs 127.0.0.1)
  • 端口不同(3000 vs 3001)

就会构成跨源(Cross-Origin),缓存就无法共享


如果你想共享缓存,但域名或端口不同,可以考虑以下解决方案:

  1. 使用统一的反向代理(如 Nginx)统一域名和端口。
  2. 使用跨窗口通信(如 postMessage)传递数据。
  3. 设置跨子域的 Cookie(设置 document.domain 或使用 SameSite 配置)。

需要具体应用场景我可以进一步建议方案。你当前是否在做多页面/多系统共享缓存的需求?

相关文章

部署Nginx-一个ip,多个域名,部署多个项目

一、背景无论是在centos、ubuntu、iis等云服务器,还是在个人的电脑上,当部署Nginx时,基本上都会遇到想用一台服务器(只有一个IP)映射到多个域名上,以供访问多个不同的前端项目的情况(这...

在 Nginx 中防止 SSL 证书被其他域名“窜用”

在 Nginx 中防止 SSL 证书被其他域名“窜用”(即防止未经授权的域名使用你的 SSL 证书),需要确保你的服务器配置只允许合法域名访问,并通过适当的配置阻止非法域名的 HTTPS 请求。一般情...

搭建nginx反向代理用作内网域名转发

情景由于公司内网有多台服务器的http服务要映射到公司外网静态IP,如果用路由的端口映射来做,就只能一台内网服务器的80端口映射到外网80端口,其他服务器的80端口只能映射到外网的非80端口。非80端...

要将端口5002和5003通过Nginx代理到一个域名上的操作笔记

要将端口5002和5003通过Nginx代理到域名www.4rvi.cn的不同路径下,请按照以下步骤配置Nginx:步骤说明创建或编辑Nginx配置文件通常配置文件位于/etc/nginx/sites...

Nginx域名配置

对于想搭建自己博客或者其他个人网站的小伙伴,可能会需要配置域名。在我们购买完服务器,代码敲完,项目搞定,怎么使用域名访问呢?首先购买域名(要有DNS解析)-> 然后域名备案与审核 -> 最...

使用nginx配置动态域名解析

使用nginx配置来达到动态域名解析,resolver指令设置解析器的地址using-nginx-map-directive-to-dynamically-set-proxy-upstream要使用...