当前位置：网站首页 > 技术文章 > 正文

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

ahcoder 2025-07-02 17:38 3 浏览

是的，前端在域名、端口、协议都相同的情况下，本地缓存（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），缓存就无法共享。

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

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

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

nginx 跨站

上一篇：如果给nginx写插件，基于何种语言实现
下一篇：三条命令部署 Jira 和 Confluence，我为什么写了这个小工具?

相关推荐

ClickHouse日志平台这样建，分分钟秒掉ELK: 目前业界的日志生态，最常用的是ELK，其次就是ClickHouse，本文会演示如何使用Vector+ClickHouse来采集Nginx日志并做清洗，最终写入ClickHouse。至...

nginx打印请求头日志方法-openresty: 一、前言之前想用nginx打印收到的请求的请求头，但是只找到打印请求体的，没有打印请求头的，感觉原版nginx不支持。建议如果想打印请求头，先换成openresty(本人安装的是openresty-1...

文心快码帮你解大厂面试题:如何使用shell找到access log?: 【大厂面试真题】系列，带你攻克大厂面试真题，秒变offer收割机！今日问题：在8g内存的机器，能否启动一个7G堆大小的java进程？一起看看文心快码BaiduComate给出的答案吧！如果这个问题你...

Nginx奇技淫巧之:按日期自动生成日志文件: 时光闹钟app开发者，请关注我，后续分享更精彩！坚持原创，共同进步！前言之前文章：Nginx奇技淫巧之：用户行为埋点数据采集实现，介绍了Nginx获取post请求body参数生成日志文件的方法。当业务...

Nginx 日志文件详解:监控与诊断利器: 随着互联网技术的快速发展，Nginx已成为最受欢迎的Web服务器之一，其稳定性、高性能和灵活性备受推崇。Nginx日志文件是Nginx服务器中非常重要的组成部分，对于监控和诊断Web应...

Nginx从入门到放弃05-访问日志与日志切割: 设置访问日志当我们访问nginx服务时，nginx会记录日志，nginx日志分两种，一种是访问日志，一种是错误日志，访问日志记录在”access.log”文件中，错误日志记录在”error.log”文...

nginx系列:常用利用shell统计日志: 0x01：根据访问IP统计UVUV（UniqueVisitor）独立访客，统计访问某站点的用户数；IP（InternetProtocol）独立IP数，是指独立的浏览了页面的不同IP，即统计不同的I...

Linux 必须重点监控的 17 个日志文件:运维与安全必备指南: 在Linux系统的日常运维与安全管理中，日志文件的重要性不言而喻。日志不仅记录着系统运行的点点滴滴，更是排查故障、发现异常、提前预警的第一手证据。作为一名系统管理员、安全工程师，甚至普通开发者，了...

nginx 常用日志参数（nginx日志详解）: Nginx提供了多种日志参数（变量），可以用来记录请求的不同方面。常用日志参数$remote_addr:客户端的IP地址。$remote_user:客户端用户名。$time_local:局部时...

GoAccess轻量nginx日志分析工具（nginx日志收集方案）: 什么是GoAccessGoAccess是一款开源、实时，运行在命令行终端下的Web日志分析工具。该工具提供快速、多样的HTTP状态统计。分析结果，可以通过XShell等客户端工具查看，并...

后端实践:Nginx日志配置(超详细)（nginx日志配置文件）: 作者：antwang来源：https://juejin.im/post/5aa09bb3f265da238f121b6c前言Nginx日志对于统计、系统服务排错很有用。Nginx日志主要分为两种：...

Nginx access_log 运行日志查询和配置: 1.介绍当我们学会Nginx的基本配置之后，可以通过Nginx配置Service代理。管理服务器所有的http和https请求。那么接下来就需要了解Nginx的日志控制，以及相关的文档查看了。你通过...

Nginx记录用户请求Header到access log: 为了统计和其它用途，经常有人需要自定义Nginx日志，把http请求中的某个字段记录到日志中，刚好在看lua+nginx的文章，第一想到的是用lua赋值来做，但是想想有点小恶心，于是Google了一番...

介绍五款Web服务器日志分析软件（web服务器日志是什么）: 　　每个站长必须要看的数据统计表，都是由日志分析软件统计和分析网站情况所得出的。日志分析软件是一种解析Nginx/Apache/IIS/Lighttpd和任何其他Web服务器日志文件的软件...

Nginx系列:Nginx自带后端健康检查: 严格说Nginx并没有自带针对负载均衡后端节点的健康检查功能，但是可以通过默认自带的ngx_http_proxy_module模块和ngx_http_upstream_module模块中的相关指令...

一周热门

最近发表

首页
收录
顶部