前端面试：cookie 可以实现不同域共享吗？
在前端开发中，Cookie 不能直接实现不同域之间的共享。Cookie 的作用域受到域的限制，浏览器不会允许一个域下的 Cookie 被另一个域访问。这是为了保护用户隐私及安全，防止跨站请求伪造（CSRF）等安全问题。
Cookie 的基本行为
- 域限制：Cookie 只能被发送到设置它的同一域名下的请求中。例如，example.com 下设置的 Cookie 无法被 another-example.com 访问。
- 路径限制：Cookie 也可以设置路径（Path），限制 Cookie 在特定路径下才可见。
- 安全性：通过设置 SameSite 属性，Cookie 可以限制在跨站请求中发送，进一步提高安全性。
实现跨域共享的解决方案
虽然 Cookie 本身不支持跨域访问，但有几种常见的方法可以实现不同域之间的数据共享
- 使用 Local Storage 和 postMessage：
通过 window.localStorage 存储数据，然后利用 postMessage 方法在不同窗口（不同域的 iframe 中）之间传递消息，从而实现数据的共享。
// 在父窗口中
window.localStorage.setItem('data', JSON.stringify({ key: 'value' }));
// 在子窗口中
window.addEventListener('message', (event) => {
if (event.origin === 'https://trusted-source.com') {
const data = JSON.parse(event.data);
console.log(data);
}
});
- 使用服务器端共享：
各个域可以通过 AJAX 请求向同一个服务器（后端）获取或存储数据。服务器将数据保存在数据库中，不同域的请求通过 API 访问这些数据。
- Proxy 服务器：
设置一个反向代理服务器，所有跨域的请求先通过这个代理服务器，代理服务器负责向不同域请求数据，从而间接实现数据共享。
- CORS (跨域资源共享)：
如果需要共享 API 数据，可以使用 CORS 处理跨域请求。设置合适的 CORS 响应头可以允许某一域访问另一域的资源