Отключен Vue Iframe Security ⇐ Javascript

[Anonymous]

У меня есть приложение React, которое отображает маршруты VUE и реагирует маршруты. Все работает нормально, однако для одного конкретного варианта использования я устанавливаю приложение React в приложении Vue. ReactParent -> Vue -> ReactChild. Проблема заключается в том, что ребенок React использует iframe, а соединение блокируется Vue, когда. Он отлично работает в версии только React, но соединение iframe не удается, когда код проходит через VUE. Это мой vuereactwrapper. Есть предложения? Я попробовал v-pre, тот же выход < /p>





import { createRoot } from "react-dom/client"
import { Vue, Component } from "vue-property-decorator"
import { renderWithProviders } from "@/react/App"
import { Root } from "react-dom/client"

Vue.config.ignoredElements = ["iframe", "div"]

@Component({
inheritAttrs: false
})
export default class VueReactWrapper extends Vue {
private reactRoot: Root | null = null
private reactMount = ''

mounted(): void {
const reactRootEl = document.getElementById("react-root")
this.reactRoot = createRoot(reactRootEl as Element)
renderWithProviders(this.reactRoot)
}

destroyed() {
if (this.reactRoot) {
this.reactRoot.unmount()
}
}
}





Подробнее здесь: https://stackoverflow.com/questions/794 ... e-security