因为之前公司的项目前后端是在一起的,因为要用vue来重构之前的项目。所以token签名要作为一个参数传递到后台。所以就遇到两个问题,1 token的保存和获取的问题。 2 token 判断。判断用户是否用token值。

首先先说一下 token的保存和获取问题。

保存到哪?随着H5的普及相信大家也都知道本地存储,包括我自己在开发的时候也是也是经常用到本地存储的东西。所以我首先想到的就是本地存储。另外想到就是用cookie来存储。在调研这个东西的时候就了解到国内的某大互联网公司,他们的做法是在登陆的时候会下载一个安全的插件在本地。然后这个用户信息都是存储在本地的,所以可以跨引用去读取,比如从浏览器跨到桌面应用。因为都是取的本地的东西,就像一个中转站。

相信本地存储的操作大家都会不在具体阐述,先说一下本地存储中遇到的问题。右键打开新连接(如下图操作)

在新连接的打开页面中,要重新登陆。相信大家都不想再次登陆吧,这样体验会很不友好。然后发现本地存储的东西都是只有在当前页面的当前域名下。所以只能存在cookie里面了,cookie里面不会出现这个问题。具体要说cookie的涉及的内容较多详细信息就不再多说,下面只说一下js来控制cookie的操作。

1 设置cookie

document.cookie="name="+username;

例如 document.cookie="access_token=" + val;

2 读取(在控制台里面 直接输入 document.cookie 就可以返回 该域名下的 cookie 信息,就是字符串,也就是说js进行字符串操作)

function getCookie(name)
{var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;
}

3 删除

//获取当前时间
var date=new Date();
//将date设置为过去的时间
date.setTime(date.getTime()-10000);
//将userId这个cookie删除
document.cookie="name=val; expires="+date.toGMTString(); 

判断用户是否有token,是在路由里面去判断,也就是在拦截的时候去判断是否有token。

js来读写cookie操作相关推荐

  1. php header setcookie,php中header头设置Cookie与内置setCookie的区别,和js对cookie操作

    首先声明,浏览的Cookie操作都是通过HTTP Header(俗称"Http头") 来实现.所有的服务器与客户端之间Cookie数据传输都是通过Http请求头来操作. PHP中* ...

  2. Node.js文件系统模块——读写文件操作

    文章目录 前言 一.导入fs模块 1.readFile() && readFileSync() 2.writeFile() && writeFileSync() 3.a ...

  3. Selenium 利用 JS/JQ 操作元素、鼠标键盘事件、Cookie 操作

    今天是持续写作的第 26 / 100 天. 如果你有想要交流的想法.技术,欢迎在评论区留言. 本篇博客主要学习 Selenium 中如何利用 JavaScript 与 JQuery 操作页面元素,以及 ...

  4. js cookie操作

    //cookie操作3个方法 //设置cookie function setCookie(name, value) { var argv = setCookie.arguments; var argc ...

  5. JavaScript读写Cookie

    Cookie作用 Cookie是一些name=value对数据,这些数据可以由浏览器写入用户的硬盘,也可以由浏览器从用户的硬盘读取.Cookie用来持久化记录用户的某些信息,如用户名和用户的喜好等等. ...

  6. Android如何使用读写cookie的方法

    http://www.cnblogs.com/cosiray/archive/2012/06/25/2562117.html 可以使用SharedPreferences或者SQLite来保存用户信息 ...

  7. JavaScript的Cookie操作

    JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假 设有这样 ...

  8. .NET获取不到js写的cookie解决方法

    今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: C ...

  9. JS 无法清除Cookie的解决方法

    项目中使用sdmenu.js时,需要在登录时清除Cookie,而sdmenu默认是会保存Cookie的 下面是sdmenu.js保存Cookie的方法 document.cookie = " ...

最新文章

  1. 计算机基础及应用教案,计算机应用基础教案:数制的概念及转换(中职教育)
  2. 马斯克发布脑机接口系统!芯片直连大脑,激光开颅放置,可用iPhone操控,网友炸了:这就是黑客帝国...
  3. flink报错:Error: Static methods in interface require -target:jvm-1.8 已解决
  4. matlab yalmip安装教程,如何在matlab路径中安装yalmip Matlab R2014a添加yalmip图文教程
  5. 多点积分又改规则了_2020年落户广州积分入户名额有多少个?如何加分?
  6. 数组去重的各种方式对比
  7. 把windows装到linux下,如何将WSL(Windows Subsystem for Linux 2)安装到Windows 10?
  8. java学习(71):GUL边界布局管理器
  9. 华为p50预装鸿蒙系统,华为P50系列将至,内部测试预装鸿蒙系统,还有4款重磅新品将发布...
  10. sublime快捷键_安利 | sublime
  11. 深入探索android热修复技术原理_打卡活动:技术书籍书单
  12. HDU 3507 Print Article(单调队列)
  13. WSL : llvm、clang 和XTP
  14. Oracle 归档模式的打开及关闭
  15. ITIL学习笔记——核心流程之:IT服务连续性管理
  16. RIP总结(转自鸿鹄论坛)
  17. 关于Windows mobile设备中心,即同步软件,打开卡住,或是无法开启 基于 Windows Mobile 2003 的设备连接 服务的
  18. 牛客练习赛41:球的体积并【球缺】
  19. Sphinx PHP api全文检索的例子
  20. 万全服务器t350装系统_联想万全350安装win2003

热门文章

  1. 怎样查找html概念,HTML一般概念_html
  2. vue 监听map数组变化_解决vue无法侦听数组及对象属性的变化问题
  3. python requests库详解_python的requests库详解
  4. 计算机在材料科学中的应用上机二,计算机在材料科学中的应用-上机实验二.doc...
  5. Java 调用 Python 方法学习笔记
  6. python 注释含注释_Python注释
  7. 您如何从Python的stdin中读取信息?
  8. Java PipedInputStream receive()方法与示例
  9. 网站html标签如何优化,网站HTML标签优化教程
  10. 所有子序列的逆序对总和_一个数字的所有子串的总和