广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vueexpress鉴权零基础入门
  • 408
分享到

Vueexpress鉴权零基础入门

Vueexpress鉴权Vueexpress 2023-02-15 09:02:25 408人浏览 安东尼
摘要

目录token图示一点通express鉴权下载加密/解密包加密基本使用(生成token)传递Token查看token验证token讲在前面的话:一个成熟的全栈工程师开发的前后端项目鉴

讲在前面的话:一个成熟的全栈工程师开发的前后端项目鉴权是必不可少的,接下来我们就用一篇文章来介绍一下express鉴权之路。

本文主要目的是介绍鉴权,那么默认读者已经配置完成了express的跨域基本配置以及options请求处理以及post请求参数接收 如果没有配置也没有关系,试一下我封装的包,不好用你找我麻烦

    npm i wxs-express-config

	const wxsExpressConfig = require("wxs-express-config");
	// 返回一个经过wxs封装之后的app
	const app = wxsExpressConfig();

这个app就是经过我封装后的express app,但是默认设置了全局跨域和接受post请求参数等配置。如果不想全局跨域可以这样配置

	// 返回一个经过wxs封装之后的app
	const app = wxsExpressConfig({ CROSURL: "Http://localhost:3000" });

token图示一点通

看这个示意图就知道校验过程是很简单的,实际操作起来更加简单。

express鉴权

下载加密/解密包

在express中鉴权需要用到一个玩意儿,为了避免出错,这里指定一下版本

    // JSONWEBtoken 加密用的 express-Jwt是解密用的
    npm i jsonwebtoken@8.5.1 

加密基本使用(生成token)

第一步毫无疑问的是引入

const jwt = require("jsonwebtoken");

使用jsonwebtoken生成token就只有一行代码

jwt.sign('需要加密的信息', '自定义的加密密钥', '额外的配置信息,一般是Token过期时间'),

举个?

jwt.sign({<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E--> username: "wxs" }, '巴啦啦小魔仙随地大小变', {<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E--> expiresIn: "10s" }),

这里就生成了一个用巴啦啦小魔仙随地大小变密钥加密{ username: “wxs” }且有效时间为10s的Token

传递Token

express定义一个接口

	app.post("/login", (req, res) => {
	  res.send({
	    code: 0,
	    message: "登录成功",
	    token: jwt.sign({ username: "wxs" }, secreTKEy, { expiresIn: "10s" }),
	  });
	});
	app.listen(3001, () => {
	  console.log("your localServer is running on http://localhost:3001");
	});

查看token

使用postman

验证token

再定义另一个接口

	app.get("/getUserInfo", (req, res) => {
	  try {
	    jwt.verify(req.query.token, secretKey);
	    res.send("一个get请求想获取用户信息");
	  } catch (err) {
	    res.send("过期了,请重新登录");
	  }
	});

postMan编辑如下

注意填上token字段

最后就可以随心所欲的想在那个接口验证就在那个接口验证(还是建议写个全局中间件统一验证)

隔十秒之后再次发送请求

鉴权成功!

到此这篇关于Vue express鉴权零基础入门的文章就介绍到这了,更多相关Vue express鉴权内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Vueexpress鉴权零基础入门

本文链接: https://www.lsjlt.com/news/196119.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Vueexpress鉴权零基础入门
    目录token图示一点通express鉴权下载加密/解密包加密基本使用(生成token)传递Token查看token验证token讲在前面的话:一个成熟的全栈工程师开发的前后端项目鉴...
    99+
    2023-02-15
    Vue express鉴权 Vue express
  • 【JavaWeb】HTML零基础入门
    ✨哈喽,进来的小伙伴们,你们好耶!✨ 🛰️🛰️系列专栏:【JavaWeb】 ✈️✈️本篇内容:HTML基础语法详解,附带综合案例。 🚀🚀代码托管平台github:Ja...
    99+
    2023-10-18
    html java 前端
  • Spring零基础入门IOC
    目录1.HelloSpring2.IOC创建对象方式2.1.通过无参构造方法来创建2.2.通过有参构造方法来创建1.HelloSpring 导入Jar包 <dependen...
    99+
    2022-11-13
    Spring IOC容器 Spring IOC
  • Java零基础入门数组
    目录认识数组数组的初始化默认初始化静态初始化动态初始化数组有关的问题数组的遍历求最值问题查询子元素Arrays工具类二维数组二维数组初始方式二维数组的遍历认识数组 数组的定义 数组是...
    99+
    2022-11-13
  • SQL 零基础入门教程
    目录一、了解 SQL二、检索数据三、排序检索数据四、过滤数据五、高级数据过滤六、用通配符进行过滤七、创建计算字段八、使用函数处理数据九、汇总数据十、分组数据十一、使用子查询十二、联结表十三、创建高级联结十四、组合查询十五、插入数据十六、更...
    99+
    2014-09-15
    SQL 零基础入门教程
  • Swaggo零基础入门教程
    目录配置流程注意区分下载swaggo初始化快速上手gin-swagger简单测试详细配置配置流程 注意区分 go-swagger != swaggo 二者功能差不多,都是生成接口文档...
    99+
    2023-01-28
    Swaggo入门 Golang Swaggo入门
  • C语言零基础入门(1)
    目录1. C语言简介1.1 C语言发展史1.2 C语言的特点1.3算法及其表示1.4常用算法介绍总结1. C语言简介 1.1 C语言发展史 C语言是一种广泛使用的面向过程的计算机程序...
    99+
    2022-11-13
  • C语言零基础入门(2)
    目录1. 数组1.1 一维数组1.1.1 一维数组的定义1.1.2 一维数组的初始化1.1.3 一维数组的引用1.2 二维数组及多维数组1.2.1 二维数组的定义1.2.2 二维数组...
    99+
    2022-11-13
  • HTML入门零基础教程(四)
    嗨,大家好,我是异星球的小怪同志 一个想法有点乱七八糟的小怪 如果觉得对你有帮助,请支持一波。 希望未来可以一起学习交流。 通过前三篇的学习,相信你们对HTML有了一些基础的了解,那么我们就来先做一个小练习,巩固一下之前所学习的知识。 目...
    99+
    2023-08-31
    html 前端 css javascript vscode
  • PyTorch零基础入门之构建模型基础
    目录一、神经网络的构造二、神经网络中常见的层2.1不含模型参数的层2.2含模型参数的层(1)代码栗子1(2)代码栗子22.3二维卷积层stride2.4池化层三、LeNet模型栗子三...
    99+
    2022-11-12
  • Spring事务管理零基础入门
    目录一、简介二、特性(一原持久隔离)2.1 原子性2.2 一致性(类似能量守恒)2.3 隔离性2.4 持久性三、隔离级别3.1 事务级别(从低到高)3.2 常用数据库默认级别:3.3...
    99+
    2022-11-13
  • VUE零基础入门axios的使用
    目录一.axios是什么二.axios的特点三.axios怎么安装四.在VUE全局挂载导入挂载使用五.axios便捷方法六.axios基础方法七.axios执行结果八.config ...
    99+
    2022-11-13
  • python3完全零基础入门视频
    【课程内容】 计算机基础常识Python语言概览、安装与运行Python 变量、数据类型及存储Python 常用数据类型概览数值与字符串列表list字典表dict 与元组 tuple文件与类型汇总语句、表达式与if分支循环语句迭代函数定义与...
    99+
    2023-01-31
    入门 基础 视频
  • Netty网络编程零基础入门
    目录OSI七层网络模型Socket技术TCP协议Java语言创建socket应用http协议OSI七层网络模型 应用层:Http协议、文件服务器、邮件服务器 表示层:数据转换解决不同...
    99+
    2022-11-13
    Netty网络编程 Netty编程
  • 零基础怎么快速入门Python
    这篇文章主要讲解了“零基础怎么快速入门Python”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“零基础怎么快速入门Python”吧!1、Python 介绍学习一门新的语言之前,首先简单了解下...
    99+
    2023-06-02
  • Spring 零基础入门WebFlux框架体系
    目录基于注解编程模型函数式编程模型传统的基于Servlet的Web框架,如Spring MVC,在本质上都是阻塞和多线程的,每个连接都会使用一个线程。在请求处理的时候,会在线程池中拉...
    99+
    2022-11-13
  • 《零基础入门学习Python》【第一版】
    测试题答案: 0. 什么是BIF?BIF 就是 Built-in Functions,内置函数。为了方便程序员快速编写脚本程序(脚本就是要编程速度快快快!!!),Python 提供了非常丰富的内置函数,我们只需要直接调用即可,例如 pri...
    99+
    2023-01-31
    入门 基础 Python
  • perl语言十分钟入门【零基础可入】
    Perl是一种高级编程语言,适用于处理文本和执行系统管理任务。它具有简洁的语法和强大的字符串处理能力,被广泛用于编写脚本、Web开发...
    99+
    2023-10-08
    perl语言
  • jQuery零基础入门知识点有哪些
    这篇“jQuery零基础入门知识点有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jQ...
    99+
    2022-10-19
  • Spring零基础入门WebFlux响应式编程
    目录简介响应式编程Reactor信号操作符SpringWebflux执行流程和API注解实现SpringWebflux说明:基于atguigu学习笔记。 简介 Webflux是 Sp...
    99+
    2022-11-13
    Spring WebFlux Spring WebFlux响应式编程
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作