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

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

image.png

这是vue里面的iframe
image.png
index.html是子vue打包好的文件

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

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

已解决 悬赏分:50 - 解决时间 2022-01-16 20:47
反对 0举报 0 收藏 0

回答1

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