1. zj-interceptors
zjkj axios 拦截器
zj-interceptors
Package: zj-interceptors
Last modified: Wed, 25 May 2022 14:38:04 GMT
Version: 1.0.3
License: ISC
Downloads: 194

Install

npm install zj-interceptors
yarn add zj-interceptors

zj-interceptors 1.0.3

zjkj 平台通用axios 拦截器

安装

cdn

插件严格遵循npm 版本号规范,如果要使用cdn,推荐使用大版本的最新版本iife 版本cdn,以获取最新版本内容

 // iife 版本,详见‘对不同构建版本的解释’。推荐
<script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/1-last/zjInterceptors.browser.js"></script>

cdn url 解释

 https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/< version >/< pkg >

version

具体版本号。

所有构建版本号可通过npm zj-interceptors里的Versions查看,或者在代码仓库查看tag

或者

1-last:表示v1 大版本的最新内容

2-last:表示v2 大版本的最新内容

pkg

构建包文件名,详见下方‘对不同构建版本的解释’

特定版本

iife 版本。

 <script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/< version >/zjInterceptors.browser.js"></script>

umd 版本

 <script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/< version >/zjInterceptors.js"></script>

如项目中已使用crypto-js cdn,可使用以下版本。详见‘对不同构建版本的解释’

iife 版本。

 <script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/< version >/zjInterceptors.browser.m.js"></script>

umd 版本

 <script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/< version >/zjInterceptors.m.js"></script>

或者

jsdelivr 在国内已被墙

 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/zjInterceptors.js"></script>

大版本的最新版本

v1 的最新版本(由运维手动替换最新版本内容)

 // umd 版本,详见‘对不同构建版本的解释’
<script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/1-last/zjInterceptors.js"></script>
 // iife 版本,详见‘对不同构建版本的解释’。推荐
<script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/1-last/zjInterceptors.browser.js"></script>
 // 不包含crypto-js umd 版本,详见‘对不同构建版本的解释’
<script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/1-last/zjInterceptors.m.js"></script>
 // 不包含crypto-js iife 版本,详见‘对不同构建版本的解释’。推荐
<script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/zj-interceptors/1-last/zjInterceptors.browser.m.js"></script>

或者

jsdelivr 在国内已被墙

 <script src="https://cdn.jsdelivr.net/npm/zj-interceptors@1/dist/zjInterceptors.js"></script>

npm

npm 主页

 npm install zj-interceptors@1 -S

function

addDecryptInterceptor

添加加解密拦截器

addDecryptInterceptor(instance)

instance axios 实例

browser

 const http = axios.create()
zjInterceptors.addDecryptInterceptor(http)

npm

注意:在项目中使用本插件应该统一使用CommonJs引入或者require 引入,否则构建打包时会把CommonJs 版本和esm 版本都打入包内(这不是插件行为,而是npm 行为,本插件为CommonJs 和esm 提供了不同的构建包,以达到最小化的目的)。

 import { addDecryptInterceptor } from 'zj-interceptors'
const http = axios.create()
addDecryptInterceptor(http)

gernerateStrV1

返回生成的签名

decryptJson

解密内容

属性

VERSION

当前插件版本号

 zjInterceptors.VERSION

npm

 import { VERSION } from 'zj-interceptors'
console.log('VERSION', VERSION)

命令

lib 构建命令(没有删除dist 文件夹命令,注意覆盖)。

 // 打包cjs、esm、umd,不包含crypto-js 的包
npm run build
 // 打包 iife、umd,包含crypto-js的包
npm run build:umd

对不同构建版本的解释

UMD CommonJS ESM IIFE
包含crypto-js zjInterceptors.js zjInterceptors.common.js zjInterceptors.esm.mjs zjInterceptors.browser.js
不包含crypto-js zjInterceptors.m.js - zjInterceptors.browser.m.js
含义 全格式支持,支持浏览器等所有环境 基于构建工具使用,node 环境 基于构建工具使用 浏览器使用

对于不包含crypto-js 的 m 版包,需要使用者自己引入 crypto-js cdn 依赖(注意放在本cdn 之前)。

 <script src="https://acc-static.oss-cn-hangzhou.aliyuncs.com/web/libs/npm/crypto-js/4.1.1/crypto-js.min.js"></script>

其他

本插件基于 crypto-js v4版本开发

版本更新遵循npm 版本号规范

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin