跳到主要内容

开发小技巧

快速下载产物脚本

部署低码产物,除了手动下载产物,还可以通过脚本自动下载,提高效率和避免人工失误操作。

下载脚本

本地调试代理

本地调试的时候,可以代理到微前端管理系统,避免频繁下载部署低码产物。

以下是主应用使用 Vite 代理配置示例:

vite.config.ts
...
return {
...
server: {
proxy: {
['/static/lowcode']: {
// http://work.manateeai.com/microfrontends/jbp/__USE_CUSTOM_HOST__/696591957712965.html
// 微前端管理域名/microfrontends/系统编码/发布模式/低码页面ID.html
target: "http://work.manateeai.com/microfrontends/jbp",
ws: false,
changeOrigin: true,
rewrite: (path) => path.replace(new RegExp(`^/static/lowcode`), ''),
}
}
}
}
...

  • /static/lowcode 代码集成 时,低码页面配置路由时的 entry 前缀

  • http://work.manateeai.com/microfrontends/jbp 代理到微前端管理系统
    低码页面 【保存发布】 后,可以在微前端管理系统里通过链接访问,如:http://work.manateeai.com/microfrontends/jbp/__USE_CUSTOM_HOST__/696591957712965.html

    target说明
    http://work.manateeai.com/microfrontends微前端管理系统
    jbp项目系统编码
    __USE_CUSTOM_HOST__发布模式(默认: prod;自定义域名:__USE_CUSTOM_HOST__发布模式
    696591957712965低码页面 ID