开发小技巧
快速下载产物脚本
部署低码产物,除了手动下载产物,还可以通过脚本自动下载,提高效率和避免人工失误操作。
本地调试代理
本地调试的时候,可以代理到微前端管理系统,避免频繁下载部署低码产物。
以下是主应用使用 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.htmltarget 说明 http://work.manateeai.com/microfrontends微前端管理系统 jbp项目系统编码 __USE_CUSTOM_HOST__发布模式(默认: prod;自定义域名:__USE_CUSTOM_HOST__)
696591957712965低码页面 ID