前端知识框架 前端知识框架
首页
基础
框架
插件
Node
地图
更多
前端须知
  • 分类
  • 标签
  • 归档

BestIdea

首页
基础
框架
插件
Node
地图
更多
前端须知
  • 分类
  • 标签
  • 归档
  • 国产机环境浏览器兼容问题收集(持续收集)
  • canvas电子画板,适用于H5版本,组件产出为blob类型的文件流
  • Css3 filter(滤镜) 属性
  • css选择器
  • http缓存
  • less语法
  • New date()浏览器时间兼容性
  • rem自动适应性布局方案
  • 浏览器缓存机制
  • 屏幕适配
  • 前端基础方法汇总
  • 图片转码下载方式(解决浏览器下载图片时直接打开图片问题)
  • CSS命名规范
  • 大屏定位解决方案
  • TypeScript入门
  • 解决有些浏览器rem不以html的font-size为基准问题
  • 解决Vue项目页面缩放问题
  • H5扫一扫功能
  • crypto前端加密
    • 数据传输加密
    • 命令库下载
      • 依赖
      • 使用encrypt.js
  • 基础
冯俊杰
2024-01-18
目录

crypto前端加密

# 数据传输加密

# 命令库下载

btzh-web-cli download encrypt
1

如果未安装命令库,可以直接下载使用

npm i -g btzh-web-cli
1

# 依赖

  npm i nanoid crypto-js -S
1

# 使用encrypt.js

在系统请求拦截中使用encrypt的decryptResponse、encryptRequest,以http.js为例

// http.js

export default {
  install (Vue, options) {
      ...
      ...
      ...

    axios.interceptors.request.use(function (request) {
      encrypt.encryptRequest(request) // body请求体加密
      ...
      ...
      ...
      return request
    }, error => Promise.reject(error))

    axios.interceptors.response.use(response => {
      encrypt.decryptResponse(response) // 数据解密
      ...
      ...
      ...
      return response
    }
    Vue.http = Vue.prototype.$http = axios
  },
  $http: axios
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
上次更新: 2024/01/18, 10:44:15
H5扫一扫功能

← H5扫一扫功能

最近更新
01
webpack打包替换类名命名空间
05-01
02
Vite常用配置
02-26
03
VueUse使用
12-12
更多文章>
Theme by Vdoing | Copyright © 2022-2024
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式