vue使用iframe嵌套ue4项目点击web之后嵌套的ue4项目无法移动了

这个问题可能与浏览器的同源策略有关。同源策略规定，不同源的文档或脚本之间不能相互访问。如果您嵌套的UE4项目和主页面的源不同，那么可能会出现这个问题。

您可以尝试在UE4项目中添加以下代码来解决这个问题：

FHttpServerResponsePtr MyHttpServer::HandleRequest(FHttpRequestPtr Request, FHttpResultCallback ResultCallback)
{
    FHttpServerResponsePtr Response = FHttpServerResponse::CreateShared();
    Response->SetHeader(TEXT("Access-Control-Allow-Origin"), TEXT("*"));
    Response->SetHeader(TEXT("Access-Control-Allow-Methods"), TEXT("GET, POST, OPTIONS"));
    Response->SetHeader(TEXT("Access-Control-Allow-Headers"), TEXT("Content-Type"));
    return Response;
}

这个代码会在HTTP响应头中添加一些允许跨源访问的信息，这样嵌套的UE4项目就可以与主页面进行交互了。另外，您也可以尝试使用其他方式来解决这个问题，比如使用WebSocket等技术来实现跨域通信。

相关问题

iframe嵌套vue页面

可以使用Vue的组件化思想，将要嵌套的页面封装为一个组件，然后在父页面中引入该组件。具体的操作步骤如下：

1.在父页面中添加一个iframe标签，设置src属性为要嵌套的Vue页面的地址。

<iframe src="./childPage.html"></iframe>

2.在Vue项目中，创建一个子组件，用于展示嵌套的页面内容。

<template>
  <div>
    <iframe :src="src"></iframe>
  </div>
</template>

<script>
export default {
  props: {
    src: {
      type: String,
      required: true
    }
  }
}
</script>

3.在父页面的Vue实例中引入子组件，并将要嵌套的页面的地址作为属性传递给子组件。

<template>
  <div>
    <child-component :src="'./childPage.html'"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  }
}
</script>

通过以上步骤，就可以在Vue项目中嵌套一个iframe，展示另一个Vue页面的内容了。