请问vue项目使用iframe嵌入另一个vue项目，如何用nginx代理跑起来

Question

vue项目(父vue)里面通过iframe来嵌入一个之前的vue项目（子vue），然后可以跑起来
但是一直报这个错误

这是vue里面的iframe

index.html是子vue打包好的文件

url上面是路由跳转(父vue的)
本来以为是在nginx的conf文件配置就可以了。。。

感觉通过iframe嵌入的，在nginx里配置没用，
难道是要一个nginx来代理子vue，然后在父vue的iframe src输入子vue的代理地址吗？
请问能否做到只需要一个nginx，其他子vue只需要打包编译好的文件丢进某个文件夹里，就可以访问了

Answer 1

1. <iframe> 嵌入的页面，浏览器负责解释它的 URL，和 Vue、nginx 都无关
2. 使用相对路径，则嵌入的页面和父页面同源，那么你要保证对象目录里有文件
3. 可以只用一个 nginx 配置
4. 但是你的配置，把 /html/machine 路径下的文件，放到 /gw/mdc/index 下面，然后再访问 /machine 当然访问不到