首页 > 解决方案 > Chrome Devtools 未显示 Cookie 的 @ 符号

问题描述

所以我正在使用 react cookie,当用户登录时,我想将该信息保存在 cookie 中。

这是我在前端使用的代码,当我访问 Chrome 开发工具 > 应用程序 > Cookies 时,一切正常。

甚至在控制台中也会显示正确的电子邮件

但是,在 cookie 选项卡中,例如用户输入的电子邮件是 sometestemail@gmail.com 它也会翻译它——> sometestemail#40gmail.com

基本上用#40替换@,我不确定有什么问题,因为我正在打印传递给控制台的电子邮件用户,它显示了正确的 sometestemail@gmail.com

有任何想法吗?

const cookies = new Cookies();

    cookies.set('userEmail', this.state.email, { path: '/sign-up' });
    cookies.set('userPassword', this.state.password, {path: '/sign-up'});
    const email= cookies.get('userEmail');
    console.log(email); // Pacman

标签: reactjsnpmcookiesgoogle-chrome-devtoolssession-cookies

解决方案


这是由于 URI 字符编码。

您可以在此处阅读有关编码/解码特殊字符的信息


推荐阅读