当前位置: 首页 > news >正文

前端项目中将Token存储在请求头(Authorization)

1.将数据存储在Vuex中管理

export default new Vuex.Store({state: {// 存储tokenAuthorization: localStorage.getItem('Authorization') ? localStorage.getItem('Authorization') : ''},mutations: {// 修改token,并将token存入localStoragechangeLogin (state, user) {state.Authorization = user.Authorization;localStorage.setItem('Authorization', user.Authorization);},// 改变用户id值,从而切换账号changeUserId(state,userId){state.userId = userId;}}
});

2.登录页中实现登录时,由服务器返回的token存储到Vuex中

login() {....// 提交表单时,都要预先验证this.$refs.loginFormRef.validate(async (valid) => {if (!valid) return;// axios返回的是 Promise对象this.$http.post("/users/login", {username: this.loginForm.username,password: this.loginForm.password,}).then((response) => {....} else {this.userToken = "Bearer " + res.token;// 将用户token保存到vuex中this.changeLogin({ Authorization: this.userToken }); ....       }},(error) => {this.$message.error(error);});});},

3.在main.js文件中根据token的有关实现路由守卫和axios拦截

// 使用 router.beforeEach 注册一个全局前置守卫,判断用户是否登陆
router.beforeEach((to, from, next) => {if (to.path === '/login') {next();} else {let token = localStorage.getItem('Authorization');console.log(token)if (token === null || token === '') {next('/login');} else {if (to.matched.length === 0) {next('/404')} else {next();}}}
});// 添加请求拦截器,在请求头中加token
axios.interceptors.request.use(config => {if (localStorage.getItem('Authorization')) {config.headers.Authorization = localStorage.getItem('Authorization');}return config;},error => {return Promise.reject(error);});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-35068.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

ET源码学习(十三):CoroutineLock

在第八节消息分发时有下面这个代码 可以看到下面代码中有一个叫做协程锁的组件,并且利用了using包裹起来了,这个就是协程锁。主要用途是确保只有一个协程对对象进行操作。具体可以参考烟雨大佬B站讲解(https://www.bilibili.com/video/BV12J…...

jmeter压测学习5-XPath提取器

前言 有些web项目是前后端不分离的,返回的内容不是那种纯进口返回json格式,返回的是一个HTML页面。 并且有些参数是隐藏在html里面的,需要先从html页面中取出隐藏参数,如:csrfmiddlewaretoken 场景案例 我这里有个d…...

Layui快速入门(2021.06.15)

第一步&#xff1a;下载layui文件 第二步&#xff1a;新建项目&#xff0c;导入下载的文件夹 第三步&#xff1a;参考文档开发 1.layui入门html <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>la…...

《 算法图解 》—— 读书笔记(一)

《 算法图解 》—— 读书笔记&#xff08;一&#xff09;1 算法简介2 选择排序这个笔记这么复制粘贴没有什么意义&#xff0c;还是要转化成自己的语言&#xff0c;看着我记过的笔记&#xff0c;一章一章地“复述出来”才有价值&#xff0c;我的输出才重要&#xff0c;无用功一点…...

grafana模板大全

原文&#xff1a;https://www.jianshu.com/p/367d52fe1171 前言&#xff1a; 本篇文章分三部分来介绍常用的grafana模板,数据来源均为prometheus。数据来源为zabbix或其他的请绕行&#xff01; 第一部分 监控容器 推荐ID31468685100008588315 优化315 第二部分 监控物理机…...

1 Linux简介

1 Linux简介 1.1 环境安装与配置 1.1.1 网址访问 https://cloud.tencent.com/act/double11? https&#xff1a;协议。配置sll证书&#xff0c;才有https协议&#xff0c;否则只有http协议。 cloud.tencent.com&#xff1a;80 域名&#xff0c;即IP地…...

系统安全性和保密性设计

一、安全性和保密性设计 计算机及信息技术的应用领域在不断扩展&#xff0c;计算机在政府、企业、民生等各个领域中都得到越来越广泛的应用。与此同时&#xff0c;网络攻击和入侵事件与日俱增&#xff0c;重要机构的信息系统遭黑客袭击的事件时有发生。攻击者可以从容地对那些…...

在java程序中使用protobuf

文章目录简介为什么使用protobuf定义.proto文件编译协议文件详解生成的文件Builders 和 Messages序列化和反序列化协议扩展总结简介 Protocol Buffer是google出品的一种对象序列化的方式&#xff0c;它的体积小传输快&#xff0c;深得大家的喜爱。protobuf是一种平台无关和语言…...

看完99%的人都学会了!java多态简单例子_ser

认识HTTP 什么是超文本什么是传输什么是协议 HTTP相关组件 网络模型OSI 模型浏览器Web服务器CDNWAFWebServiceHTMLWeb页面构成 与 HTTP 有关的协议 TCP/IPDNSURI / URLHTTPS 详解 HTTP 报文 HTTP请求方法HTTP请求URLHTTP版本HTTP 请求响应过程HTTP 请求特征 HTTP 标头 通用…...

前端类库开发最佳实践

Yarn Lerna Rollup 示例项目 Yarn 通过使用 Yarn 的工作区功能&#xff0c;让 Yarn 根据就依赖关系帮助你分析所有子项目的公共依赖&#xff0c;让所有的子项目的公共依赖只会被下载和安装一次。 Lerna 通过 Lerna 可以将一系列相互耦合比较大、又相互独立的库进行管理&…...

shell 的关联数组

shell 的关联数组 引言 shell也有Map的数据结构&#xff0c;哈哈哈&#xff0c;是挺高大上的。万能的shell。。。。 万恶的mac&#xff0c;sed和linux不一样&#xff0c;关联数组和linux也不要一样。要你干啥&#xff01;&#xff01;&#xff01; 一个需求的处理 感谢这个…...

Cookie对象的使用

Cookie对象是做什么的&#xff1f; 在我的理解里&#xff0c;Cookie是客户端用来和客户端保持通讯信息的一个对象。 怎样使用Cookie 使用一个对象&#xff0c;很显然我们要先创建他 Cookie cookie new Cookie(name, value); 然后用res对象将Cookie发送给客户端 res.addCookie…...

12013.ADC779x采集芯片

文章目录1 AD7997 特征2 管脚描述3 I2C地址确定3 内部寄存器结构3.1 内部结存器结构3.2 配置寄存器3.3 转换结果寄存器3.4 数据寄存器3.5 Hysteresis Register (CH1/CH2/CH3/CH4) 迟滞寄存器3.6 CYCLE TIMER REGISTER 循环计时寄存器3.7 SAMPLE DELAY AND BIT TRIAL DELAY 样本…...

实训项目-白金手册(个人信息管理系统)

实训项目-个人信息管理系统 文章目录实训项目-个人信息管理系统前言一、前期相关准备1、 编译软件安装2、 基本技术掌握2.1、 信息存储2.1.1、 临时存储2.1.2、 长期存储2.2、 查找排序2.3、 线性表操作2.4、 文件操作2.5、 代码书写规范二、需求分析三、难点疑点分析1、实现读…...

C++ ---仅仅翻转字符

仅仅翻转字符 题目描述&#xff1a; 给定一个字符串 S&#xff0c;返回 “反转后的” 字符串&#xff0c;其中不是字母的字符都保留在原地&#xff0c;而所有字母的位置发生反转。 题目来源&#xff1a;力扣 class Solution { public:bool IsLetter(char ch){if((ch >a&a…...

mybatis-generator自定义TypeHandler进行加密解密

背景&#xff1a;公司需要将部分验证码进行加密入库&#xff0c;查询的时候解密。 初始时&#xff1a;在每次的逻辑代码中&#xff0c;涉及到该字段的新增&#xff0c;修改&#xff0c;都需要对指定字段进行加密。查询的时候对字段进行解密(缺点&#xff1a;可维护性太差) 改…...

线性封闭区域2D刀路讲解

在学习UG教程的过程中往往要学习UG编程&#xff0c;想尽快速成&#xff0c;可以按照下面UG编程学习步骤&#xff1a; 步骤1、装上编程软件-UG&#xff0c;我们尽量装NX10.0版本&#xff0c;因为它是一个很稳定的一个版本&#xff0c; 步骤2、装上UG的最佳伙伴-优品外挂&#…...

并查集(Union Find)

算法背景 Union Find算法&#xff0c;中文并查集。主要用来解决图论中的连通判断问题&#xff0c;简单抽象问题为&#xff1a; 平面上有n个点给定他们之间两两连接关系 要求输入任意两个点&#xff0c;判断他们是否能够有一条路径联通 算法步骤 一旦有连接&#xff0c;就把…...

TCP/IP网络协议以及Android网络优化方案

引用文章地址&#xff1a;TCP/IP网络协议 文章目录TCP/IPTCP/IP 模型TCP 和 UDPTCP怎么保证传输过程的可靠性&#xff1f;TCP 为什么要三次握手/四次挥手网页请求一个 URL 的流程DNS 工作原理HTTPS 加密原理移动端如何优化一个网络请求呢&#xff1f;DNS 优化CacheControlQ&…...

webSocket服务端与客户端消息通讯

一、WebSocket是HTML5出的东西&#xff08;协议&#xff09;&#xff0c;也就是说HTTP协议没有变化&#xff0c;或者说没关系&#xff0c;但HTTP是不支持持久连接的&#xff08;长连接&#xff0c;循环连接的不算&#xff09; 首先HTTP有1.1和1.0之说&#xff0c;也就是所谓的k…...

python3中 下载wechatpy后 没有 work模块

1、 环境 win10 2、python3.6 3、wechatpy 最新版本 4、python3 中安装 wechatpy 模块后找不到 work模块 5、错误如下&#xff1a; ModuleNotFoundError: No module named wechatpy.work 这个错误明显是找不到wechatpy.work这个模块 6、查看wechatpy 使用文档 &#x…...

常见运维问题(打印机、重装系统、IE)

连接打印机与驱动安装 制作U盘系统盘 新系统没有网卡时离线驱动安装 IE浏览器安全级别设置 IP地址的查询 处理操作来源于网络资源&#xff08;尊重原创&#xff09;&#xff1a;原创博客链接...

vue 路由懒加载

一、为什么要使用路由懒加载 为给客户更好的客户体验&#xff0c;首屏组件加载速度更快一些&#xff0c;解决白屏问题。 懒加载则可以将页面进行划分&#xff0c;需要的时候加载页面&#xff0c;可以有效的分担首页所承担的加载压力&#xff0c;减少首页加载用时。 二、定义…...

怎么把台式电脑的大量数据快速迁移到笔记本

大家在工作中&#xff0c;难免会同时用到台式电脑和笔记本&#xff0c;而一些文件也经常会在两种设备之间互相传输。有时文件太多&#xff0c;尤其是还有一些大文件的情况下&#xff0c;普通的数据迁移方式&#xff0c;例如用U盘拷贝&#xff0c;就不太适用&#xff0c;传输速度…...

Hadoop Yarn

The fundamental idea of YARN is to split up the functionalities of resource management and job scheduling/monitoring into separate daemons. The idea is to have a global ResourceManager (RM) and per-application ApplicationMaster (AM). An application is eit...

copy代码常出的报错~持续更新

一 AttributeError: DataFrame object has no attribute ixpandas的1.0.0版本后&#xff0c;已经对该函数进行了升级和重构。 只需要将 ix改成 loc二在pycharm中使用 %matplotlib inline 语句会报错 改成 删掉这行代码&#xff0c;用 plt.show() 展示图表%matplotlib inlin…...

优质ip代理怎么使用?

目前&#xff0c;大家上网越来越依赖于代理IP&#xff0c;代理IP的应用范畴正在逐步扩展。对于因特网这个巨大的网站空间&#xff0c;大家一样期待着这其中的标准和实际中的一样&#xff0c;因此也期待着自己的个人信息能在互联网上得到最大的利益维护。但是事实上由于互联网是…...

Linux线程总结

Linux 线程总结简述常用的线程相关API函数原型(3、4、5)线程创建、等待、退出API使用创建线程、等待线程线程退出、传参线程间共享数据(全局变量)互斥锁相关API使用简述互斥锁的作用互斥锁与全局变量配合使用死锁条件变量相关API的使用简述条件变量的使用条件变量的使用测试---…...

WPF 简单使用keybd_event模拟触发键盘

主要是添加Win32函数 其次是定义键盘按下&#xff0c;抬起的两个固定值。 [DllImport("User32.dll")]public static extern void keybd_event(byte bVk, byte bScan, int dwFlags, int dwExtraInfo);/// <summary>/// 按下/// </summary>const int KEY…...

34. 图解 Go 语言:静态类型与动态类型

转载自&#xff1a;&#xff1a;github.com/iswbm/GolangCodingTime 在自己学习 Golang 的这段时间里&#xff0c;我写了详细的学习笔记放在我的个人微信公众号 《Go编程时光》&#xff0c;对于 Go 语言&#xff0c;我也算是个初学者&#xff0c;因此写的东西应该会比较适合刚接…...

hdoj 2289 Cup

Problem DescriptionThe WHU ACM Team has a big cup, with which every member drinks water. Now, we know the volume of the water in the cup, can you tell us it height? The radius of the cups top and bottom circle is known, the cups height is also known.Input...

World Cup Betting

1011. World Cup Betting (20) With the 2010 FIFA World Cup running, football fans the world over were becoming increasingly excited as the best players from the best teams doing battles for the World Cup trophy in South Africa. Similarly, football betting...

HDU 2289 Cup

圆台的体积公式&#xff1a; 其中r是上底面半径&#xff0c;R是下底面半径 Problem Description The WHU ACM Team has a big cup, with which every member drinks water. Now, we know the volume of the water in the cup, can you tell us it height? The radius of th…...

World Cup

See the article on my own blog https://dyingdown.github.io/2019/10/20/World-Cup/. Problem Description The 2018 World Cup will be hosted in Russia. 32 national teams will be divided into 8 groups. Each group consists of 4 teams. In group matches, each pa...

Cup

Cup http://acm.hdu.edu.cn/showproblem.php?pid2289 Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 11638 Accepted Submission(s): 3556 Problem DescriptionThe WHU ACM Team has a big cup, with which e...

java cup_CUP 解析器生成器 JavaCUP

软件介绍JavaCUP 是 Java 语言实现的 CUP 解析器生成器。示例代码&#xff1a;// Simple Example Scanner Class// scanner.javaimport java_cup.runtime.*;import java.io.*;//import sym;public class scanner implements java_cup.runtime.Scanner {/* single lookahead cha…...

java cup_使用JFlex、JavaCUP

给出使用JFlex、JavaCUP来为一个计算器建立分析器的示例的完整代码&#xff0c;使读者能充分领会JavaCUP的使用方法。虽然本文仅仅给出了计算器的代码&#xff0c;但只要你会写你的语言的翻译模式&#xff0c;则只要照抄这个模版&#xff0c;并改改相应动作就可以了。引用到的资…...

java cup_JavaCUP

软件简介JavaCUP 是 Java 语言实现的 CUP 解析器生成器。示例代码&#xff1a;// Simple Example Scanner Class// scanner.javaimport java_cup.runtime.*;import java.io.*;//import sym;public class scanner implements java_cup.runtime.Scanner {/* single lookahead cha…...

产品需求文档如何怎么写?-实例分享

http://www.woshipm.com/pd/787460.html...

需求规格文档范例学习

搜索的几个SRS文档&#xff0c;供学习...

互联网项目开始时需要去谈的产品需求分析:

需求的定义&#xff1a; 1&#xff0c;需求&#xff1a; 需求就是 "要什么" .。需求分析本质上就是问题分析&#xff0c;问题分析的方法论可运用到需求分析。 一般情况下&#xff0c;需求直观表达为谁在什么情况下想干什么。这里就涉及带了"目标用户" &qu…...

市场需求文档MRD书写范例

市场需求文档&#xff0c;&#xff08;英文全称 Market Requirement Document&#xff0c;MRD&#xff09;。该文档是产品项目由“准备”阶段进入到“实施”阶段的第一文档&#xff0c;其作用就是“对规划的某个产品进行市场层面的说明”&#xff0c;这个文档的质量好坏直接影响…...

[附源码]Python计算机毕业设计Django企业售后服务管理系统

项目运行 环境配置&#xff1a; Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术&#xff1a; django python Vue 等等组成&#xff0c;B/S模式 pychram管理等等。 环境需要 1.运行环境&#xff1a;最好是python3.7.7&#xff0c;…...

计算机文化基础课精品课程资源,计算机文化基础 - 精品课程平台-兰州理工大学.ppt...

计算机文化基础 - 精品课程平台-兰州理工大学.ppt目录 第一章 计算机与信息社会 1.1 计算机的发展 1.1.2 电子计算机的问世 1.1.3 计算机的分代 1.1.4 计算机的分类 1.1.5 未来新型计算机 1.2 信息技术概述1.2.1 信息技术基础知识 1.2.1 信息技术基础知识 1.2.2 现代信息技术的…...

微机-------CPU与外设之间的数据传送方式

目录 一、无条件方式二、查询方式三、中断方式四、DMA方式一、无条件方式 外设要求:简单、数据变化缓慢。 外设被认为始终处于就绪状态。始终准备好数据或者始终准备好接收数据。 IN AL,数据端口 数据端口的地址通过CPU的地址总线送到地址译码器进行译码,同时该指令进行的是…...

科技的产品玩具化,随处可画的3D打印笔,玩转新科技

作为一款很多国外家庭都拥有的3D打印笔&#xff0c;在他们的日常操作当中&#xff0c;除了作画之外&#xff0c;他们还可以把打印笔利用到多极致呢&#xff1f; 眼镜坏了&#xff0c;来画个眼镜框吧。 家里的家用物品破了&#xff0c;不要嘛让它“下岗”。 物品破了的&#xff…...

初学者要如何学习3D游戏建模

目前中国游戏市场建模缺口很大&#xff0c;不论是初级高级建模师基本都是很缺的&#xff0c;毕竟这个行业还在发展中&#xff0c;并且也可以看到是逐渐上升发展。而且未来20年来&#xff0c;我们不用考虑游戏建模产业的市场前景问题&#xff0c;因为它的市场前景非常的好。 3D…...

prusai3打印机使用教程_打印虎原创RepRapPrusai33D打印机校准图解教程系列之二.pdf...

【打印虎原创】RepRap_Prusa_i3_3D 打印机校准图解教程系列之二在打印虎的上一篇教程&#xff0c; 【打印虎原创】Prusa_i3_3D 打印机校准图解教程-基础篇中&#xff0c;我们介绍了最重要、最基础的RepRap Prusa i3 3D 打印机校准步骤。其中包括了校准步进电机和校准热床与挤出…...

JSP+MySQL绿色环境保护网站的设计于实现

环保已经是当前中国的一个基本国策,国家领导人和各地政府也制定了一系列相关的政策来号召全民积极的参加到环保事业中来,为了能够更好的响应多家的号召我们开发了本JSP&#xff1a;MySQL&#xff1a;SSH 绿色环保网站,希望更多的人能够积极的参加到环保事业中来,本网站通过环境…...

通用电气着眼区块链打击3D打印假货

点击上方“蓝色字”可关注我们&#xff01;暴走时评&#xff1a;工业集团通用电气&#xff08;GE&#xff09;希望使用区块链技术验证其供应链中的3D打印部件的真伪&#xff0c;并于去年12月提交美国专利商标局&#xff08;USPTO&#xff09;&#xff0c;6月21日发布&#xff0…...