1、操作 cookie 工具 - src/utils/cookie.js

import Cookies from 'js-cookie'// Cookie的key值
export const Key = {token: 'token', // 访问令牌在 cookie 的 key值 ++userInfo: 'userInfo' // 用户信息 在cookie 中的key值 ++
}class CookieClass {constructor() {// .env.production / .env.development 中配置this.domain = process.env.VUE_APP_COOKIE_DOMAIN // 域名this.expireTime = 15 // cookie 有效时长 单位 天}set(key, value, expires, path = '/') {CookieClass.checkKey(key)Cookies.set(key, value, { expires: expires || this.expireTime, path: path, domain: this.domain })}get(key) {CookieClass.checkKey(key)return Cookies.get(key)}remove(key, path = '/') {CookieClass.checkKey(key)Cookies.remove(key, { path: path, domain: this.domain })}getAll() {Cookies.get()}static checkKey(key) {if (!key) {throw new Error('没有找到key。')}if (typeof key === 'object') {throw new Error('key不能是一个对象。')}}
}// 导出
export const PcCookie = new CookieClass()

2、获取 cookie 中的 token - userInfo - src/permission.js


import { PcCookie, Key } from '@/utils/cookie' // 导入操作cookie工具 ++router.beforeEach(async(to, from, next) => {// 从 cookie 中获取访问令牌const hasToken = PcCookie.get(Key.token) // ++ 												

操作 js-cookie 获取 cookie 中的 token userInfo 用户头像相关推荐

  1. JS中编写函数去除HTML标签,js函数获取html中className所在的内容并去除标签

    js函数获取html中className所在的内容并去除标签 复制代码 代码如下: function queryClass(classnames){ var classobj= new Array() ...

  2. php 修改头像案例,在laravel5.2中实现点击用户头像更改头像的方法

    视图层 !!!自己下载jquery文件和ajaxfileUpload的插件 //下面用于图片上传预览功能 function setImagePreview(avalue) { var docObj=d ...

  3. cookie获取java_java中如何获取cookie

    展开全部 1.设置cookie到客户端 Cookie c1 = new Cookie("username","hzh"); response.addCookie ...

  4. JS添加获取Cookie

    一.在Javascript添加cookie          1.创建 creatcookie() {//获取角色let id = this.radio;console.log(id);if (id ...

  5. js无法获取cookie

    Secure 属性 设置为 Secure 的 cookie 只能通过被 HTTPS 协议加密过的请求发送过服务端.可以预防中间人攻击. HttpOnly 属性 document.cookie API ...

  6. vue+node.js前后端交互中的token令牌验证

    这篇文章分享一下本人学习vue+node.js前后端交互中的登录token令牌的心得 最近准备写一个个人博客网站,前端采用的是vue+element,后端用node.js 在做用户登录的时候就想到 如 ...

  7. Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

     在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:win ...

  8. java 获取js html_JS获取网页中HTML元素的几种方法

    编写js程序的时候最常使用的就是获取网页中的html元素,并进行处理,我在网上发现了一篇获取html对象的几种方法进行整理的帖子,发上来大家一块学习~ getElementById getElemen ...

  9. js循环获取table中的值

    <script type="text/javascript">function getTdValue() {var tableId = document.getElem ...

最新文章

  1. 2021年诺贝尔经济学奖评述:解决重大社会问题的自然实验因果框架
  2. Linux下tmp文件夹的文件自动删除的问题(转)
  3. oracle文件大小的限制
  4. ECharts 实现人民的名义关系图谱 代码开源
  5. SQLite FTS3/FTS4与一些使用心得
  6. LeetCode 240. 搜索二维矩阵 II(二分查找 分治)
  7. jq中使用promise封装ajax
  8. exploring spring
  9. Python基础——continute与break(循环控制)
  10. 我的世界之 paper和spigot 的区别 Java服务端开服
  11. [转载]疯狂的程序员(1)
  12. Worktile中的实时消息推送服务实现
  13. 开发框架——横版格斗——动作游戏教程
  14. 计算机软件领域的一些哲学相关问题
  15. c语言win32课程表,用C语言怎么编出来课程表
  16. alpha因子常见问题_手把手教你构建量化因子分析体系
  17. 习题3-3 出租车计价(15 分)
  18. C语言实验(十三):函数(求两个任意分数和的最简形式、将正整数转换为字符串输出、某日期是该年第几天)
  19. 减轻教师作业批改负担的神奇—每日交作业之手机扫描批改
  20. forfiles 批处理删除文件

热门文章

  1. 想做一个边缘半透明的效果咋整
  2. Freedom is not free
  3. NX/UG二次开发-建模-刻字实现方案
  4. Python实现计算一段文本中每个单词出现的次数
  5. Maya摄影机序列(Camera Sequencer)
  6. SCCM客户端ccmcache文件夹清除和修改及Installer文件夹大小问题
  7. iOS - NetRequest 网络数据请求
  8. 秒懂负载均衡与反向代理
  9. 为什么早期的 Windows 需要整理碎片
  10. 音视频开发之旅(五) -----变声 FMOD和soundTouch使用和对比