解决本地存储变量自动消失的问题，可以使用不同的方法，下面给出两个常见的解决方案的代码示例：

1. 使用cookie进行本地存储：

// 存储变量
document.cookie = "variableName=variableValue; expires=Thu, 31 Dec 2099 23:59:59 GMT; path=/";

// 读取变量
function getCookie(name) {
  var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  if (match) {
    return match[2];
  }
}
var variableValue = getCookie("variableName");

2. 使用localStorage进行本地存储：

// 存储变量
localStorage.setItem("variableName", "variableValue");

// 读取变量
var variableValue = localStorage.getItem("variableName");

这两种方法分别使用cookie和localStorage来实现本地存储，保持存储的变量在页面刷新后仍然存在。在第一种方法中，存储的变量会保存在浏览器的cookie中，通过设置过期时间来控制存储的有效期。而在第二种方法中，存储的变量会保存在浏览器的localStorage中，不会受到过期时间的限制，除非手动清除或者用户清除浏览器缓存。