低代码平台3--JEECG-Boot之四:集成之合并前端

低代码系列

Posted by 就是我啦 on January 6, 2022

低代码平台3–JEECG-Boot之四:集成之合并前端

接着昨天的思路,尝试将jeecgboot的前端和我们自己系统的前端合并。这样既可以解决性能的问题,也减少了部署时的一个实体,应该才是正确的做法。

1. 打包前端

打包前端,需要注意几个地方:

  1. vue.config.js 中设置publicPath参数
  2. 路由模式改为hash
  3. 注意后台URL一定要配置正确

image-20220106112748070

image-20220106112830964

image-20220106112917676

2. 打包后的dist目录部署到服务器上

我是在服务器webapp下新建了jeecg目录

image-20220106113041274

3. 配置菜单,前端调用。

image-20220106113215873

4. 测试成功!

image-20220106113323191

就是有一点需要注意,这样的部署方式下,调用的URL有所变化,可能要根据需要修改permission.js里面的白名单。

image-20220106113424781

5. 总结

到此为止,Jeecgboot的集成基本都走通。集成方式是一个统一的前端加两个后台。

如果想追求完美的话,后面可以尝试将两个后台合并。不过,这种方式实际应用中是否会有问题还不好说,有机会的话实际检验一下再说吧。