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

vuejs / devtools-next

The next iteration of Vue DevTools

https://devtools.vuejs.org/

MIT License

1.36k stars 95 forks source link

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

Open abiari opened 1 month ago

abiari commented 1 month ago

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.

code

Dev tools attempt to fetch the entry html file fails.

Screenshot from 2024-08-07 16-25-08

Screenshot from 2024-08-07 16-24-11

alexzhang1030 commented 1 month ago

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.