vp-tools

vp-tools

结合公司现有项目，对一些常用功能进行封装。

功能目录

• VpAxios,基于 very-axios 进行的修改和封装，适配成适合公司项目的请求库。
• originalAxios,原始的 axios，以便特殊时刻使用。
• storePlugin,vuex 中用于双向同步 sessionStorage 和 vuex 中的数据，便于管理维护。
• $session,暴露出的$session 方法
• vpGlobal,以后全局使用的插件，目前仅设置了$session
• vpCode,以后插码用的指令。
• $getEncryptQueryString, 获取链接上的 EQS 加密参数，并存到缓存里，调用该方法可以直接获取到解密后的 EQS 参数。
• $setRemarks, 设置水印

功能介绍

VpAxios

见 VpAxios 使用说明文档

originalAxios

导出原始的 axios，以便特殊时刻使用。

storePlugin

vuex 中用于双向同步 sessionStorage 和 vuex 中的数据，便于统一管理维护，使用方法：

// store.js
import Vue from 'vue'
import Vuex from 'vuex'
import { storePlugin } from 'vp-tools'

export default new Vuex.Store({
  modules: {},
  getters: {},
  plugins: [storePlugin],
  strict: process.env.NODE_ENV === 'development'
})

$session

暴露出的 $session方法，直接将以前写的$session 方法更换成这个即可。

// globalPlugin.js
import { $session } from 'vp-tools'
function install (Vue, options) {
  Vue.prototype.$session = $session
}
export default install

vpGlobal

以后全局使用的插件，目前仅设置了$session 挂在到 vue 实例上。

vpCode

以后插码用的指令。

$getEncryptQueryString

例如访问的链接为：

http://127.0.0.1:5500/test.html?EQS=xH8pY5ApaUMxzFt2XvBs9E3qSLfv9xfQWA3UXjkbb5+9b22LJyB5rr7XuZ1Xwp5tJ3xV8epiQFNYJw5Iu7oKCHOHOCyvo/yQ

会自动的存储 EQS 字段到 session 中，调用$getEncryptQueryString 方法，可以直接获取到解密后的 EQS 数据。 以后需要使用链接上的参数，均采用此种方式进行交互。