Creating a React UX as per documentation and using `cds add workzone` leads to errors during deployment

[js1972]

If I follow the doco site here: https://cap.cloud.sap/docs/guides/uis/vue-react and then use cds add workzone instead of cds add app-frontend when you run cds up it fails to deploy because the HTML5 service expects the XS-app.json and manifest.json files but the build does not move these files in the /dist folder.

[renejeglinsky]

Thanks @js1972 for raising this question.

@swaldmann do you perhaps have some insights? I mean, we documented the use of app-frontend for a reason and using that it should work as described. But with workzone? Does that support apps that are not build with UI5/Fiori? Thanks.

[js1972]

If I use cds add workzone then I need to manually move the xs-app.json and manifest.json into the react apps public folder. That way the vite build will copy it across to the dist folder for deployment.
In addition you need to change the urls in the react app to be relative.

Then it all works and I can even add it as a url app into work zone just fine.

Now if I use cds add app-frontend instead I don't need to manually move the config files nor change the URLs to be relative.
But when adding to work zone it fails on cors and iframe errors and won't load.
The sap help documentation for the app-frontend just says you need to make some security settings. Which is utterly useless information.
What setting? Where do you put them? Why?

;-)