实际开发中的有趣bug：“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。

bug解读：

       指出在尝试解析或序列化 JSON 数据时遇到了问题。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它要求数据必须是有效的 JSON 格式。在 JavaScript 中，undefined 是一个特殊的值，表示变量没有被赋值，它不是一个有效的 JSON 值。

场景：

        在后台项目，用户登录后，通过用户的菜单权限渲染侧边栏菜单，做了持久化存储。当登出后，在登录页刷新页面，就报错了。

分析与解决：

首先知道了报错原因，所以在mutations存数据的时候，做了一下兼容：

// let menu = JSON.stringify(val, (key, value) =>{
      //     if(value === undefined){
      //         return null
      //     }
      //     return value
// })
// Cookie.set('menu', menu)

发现并没有用。

然而，如果改成在侧边栏组件中，获取menu的时候做兼容：

~computed:

menu(){
    // 判断当前数据，如果缓存中没有，就去当前store中获取
    // 有个问题，如果把JSON.parse(Cookie.get('menu'))定义在当前store中兼容，数据是可以获取到，但是回到登录页刷新就会