Vite integration iframe content fetch connection refused with Cross Origin Embedder Policy applied

[abiari]

I have Cross Origin Embedder/Opener policies headers set to enable sharedArrayBuffer access. If i remove the Cross Origin headers, the devtools works as expected.

Dev tools attempt to fetch the entry html file fails.

[alexzhang1030]

When you set this header, the devtools floating panel(embedded in the page as an iframe) will be refused to load by the browser. If you need that, you can use localhost:3000/__devtools__/ separate window.

[nighca]

@abiari I made a PR (#710) to fix this.

When you set this header, the devtools floating panel(embedded in the page as an iframe) will be refused to load by the browser.

@alexzhang1030 The blockage can be avoided by applying the same headers to the devtools page response as those on the application page, which can be configured using server.headers in the Vite config.

[abiari]

@nighca Thank you lots for this, I will spin this up asap to test and feedback.