关于cookies存中文解码的问题

最新推荐文章于 2024-09-30 18:11:43 发布

原创最新推荐文章于 2024-09-30 18:11:43 发布 · 862 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cookie

博主在写项目时遇到使用cookie的问题，展示了存入cookie的封装方法及取值情况。博主纠结编译两次的原因，经网上搜索和请教大神后解决，但原理不明，还分享了相关文章地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己在写项目的过程中遇到的坑。

上代码=>

// 这里是存入cookie

//提交用户修改信息
pushprofile(jsonData){
  pushprofile(jsonData).then(response => {
// 直观一点 ，其他代码可能对大家没什么用  ，但是看代码也要联系上下文。看cookie吧   
    setCookie('realFirstName',escape(this.firstName_input)) //这个 this.firstName_input是input的value值，是个中文，下同
    setCookie('realLastName',escape(this.lastName_input))
    this.$message({
      type: 'success',
      message: '修改已完成'
    });
  })
},

这个是我在其他JS文件里面封装的方法，当然也会引入到我上面那串代码的文件里面，这个只是对存入的值做个操作而已

// 获取字符串用户名
export function getCookie(cookieName) {
  var strCookie = document.cookie;
  var arrCookie = strCookie.split("; ");
  console.log(arrCookie)
  for(var i = 0; i < arrCookie.length; i++){
    var arr = arrCookie[i].split("=");
    if(cookieName == arr[0]){
        return arr[1];
    }
  }
  return "";
}

这是取值。UP纠结了好久为什么要编译两次，网上搜百度，问大神也好。最后才弄出来，但是原理搞不明白

let lastName = unescape(unescape(getCookie('realLastName')));
console.log(lastName)

最后百度找到一篇文章。供大家看看

文章地址：https://blog.youkuaiyun.com/howlaa/article/details/12834595