localStorage在Localhost上运行，但在服务器上不运行。是什么原因造成的？

Question

我有一个将id作为参数的函数。然后，将该ID存储在localStorage中。

function setElementId(id){
  localStorage.setItem('elementId',id);
}

然后在另一页中检索该ID以显示一些相应的内容。

function displayElement(){
  var eid = localStorage.getItem('elementId');
  document.getElementById(eid).style.display = "block";
}

这在localhost上可以正常工作，但在服务器上不起作用。在服务器中，当另一个页面加载时，localStorage.getItem（'elementId'）返回null。

console.log(localStorage.getItem('elementId')); 

这给出空值。怎么了？有人可以向我授予您一些精湛的JavaScript知识吗？我会很感激。

Answer 1

localStorage在每个域中共享。如果您将内容存储在localhost:8080上，将无法在example.com上访问它。