vue如何引入其他工程页面？

Question

需求：
vue工程A中打开弹窗，内容为独立的验证码。
目的：
这个验证码业务不随工程A迭代升级，而是独立存在的。
1或 单独部署在某个云服务器上；
2或 与A工程一起部署，但与A工程完全0耦合。
问题：
能否将验证码业务独立成插件，在vue项目中import进来？
打包的时候，单独存在于dist中某个独立文件夹？
如何操作，请高手指点，十分感谢~！

Answer 1

直接单独部署，然后搞个 iframe 嵌套进来就行了吧。

Answer 2

解决方案有以下两个
1.将这个验证码业务上传npm（有私服的话上传到私服），通过npm install的形式去集成到项目当中
2.利用ModuleFederation去从项目中export验证码组件然后，给工程A使用（微前端形式）

Answer 3

layer Iframe 层
https://www.layuiweb.com/layer/index.htm

Answer 4

上传npm 采用install的方式安装引用