Building JUCE plugin with VUE front end

General JUCE discussion
1

Hi

I am building a JUCE plugin and using VUE 3 app for frontend. While developing I want to serve my UI using VUE dev server. I can easily access my VUE dev server using the webView.goToURL(LOCAL_DEV_SERVER_ADDRESS) call.
I also would like to fetch data from JUCE to my VUE application, but then I need to use ResourceProvider and getResource method to serve this data. In this method I can serve my frontend files as zip, but for that I need to build and zip VUE 3 app on every change, which slows down the process.

Could someone give me some advice, how to do both? Is it possible?

Thank you

2

Actually, was able to figure it. The resource provider is still being called when we send a fetch request from the frontend to backend address, even if we use DEV server address in webView.goToURL.

3

That’s correct.

One thing to note, is that CORS probably needs to be enabled in this situation, so that a script file downloaded from one address can fetch data from another.

This is demonstrated in the WebViewPluginDemo, that will still fetch some data from the backend even if the dev server address is used.