@witlink/workflow 库介绍

工作流模块提供一个页面级组件 WfManagePage。

• localStorage 需要存储一些必要的信息
• locale 语言标志 zh_CN en_US fr_FR
• Access-Token 登录令牌
• userInfo 用户信息
• menuInfo 菜单信息

如何使用@witlink/workflow

1. 安装@witlink/workflow

npm install @witlink/workflow

2. 使用@witlink/workflow

import WitlinkWorkflow, {
  setLang, // 宿主切换多语言时调用此方法通知此模块,zh_CN、en_US、fr_FR
  // Page组件
  WfManagePage, // 流程模板定义
} from "@witlink/workflow";

• 初始化

import WitlinkWorkflow from "@witlink/workflow";

const app = createApp(App);
app.use(WitlinkWorkflow, {
  i18n, // 宿主i18n对象
  pinia, // 宿主pinia对象
  theme: {
    colorPrimary: "#165dff",
  },
});

• 切换多语言

import { setLang } from "@witlink/workflow";
setLang(lang);

• Page 组件的使用

import type { RouteRecordRaw } from "vue-router";
import { WfManagePage } from "@witlink/workflow";
export const wfRoutes: RouteRecordRaw[] = [
  {
    path: "wfManage",
    name: "wfManage",
    component: WfManagePage,
  },
];

• 接口转发配置

// 在开发环境
// vite.config.ts中
 server: {
    proxy: {
      '/cisapi': {
        target: '当前系统的接口代理地址', //目标url
        changeOrigin: true, //支持跨域
        secure: false, // 跳过 HTTPS 证书检查
        rewrite: (path) =>
            path.replace(new RegExp("^" + '/cisapi'), ""),
      },
    },
  },

# 配置nginx转发
location /cisapi/ {
  proxy_pass  https://ip:port/; # 注意结尾的斜杠
  # 请求 /cisapi/user 会被转发到 http://ip:port/user
}