Configure apache to serve a static react app together with Plone

Plone Support Deployment & hosting
1

I'm trying to get a static react build working together with Plone behind Apache.
Both must have the same uri in order to avoid CORS problems.

The RewriteRules below work fine if only one of them is present. If both are present, the calls with /react in the uri-path go to the second rule and Plone answers with a "page does not seem to exist"

Any hint how to put both together?

<VirtualHost *:80>
    ...
    ProxyVia on
    RewriteEngine on
    DocumentRoot /var/www/react
    ...
    RewriteRule ^/react/(.*)$ http://localhost:80/index.html [L,P]
    RewriteRule ^/(.*) http://localhost:8080/VirtualHostBase/http/%{HTTP_HOST}:80/Plone/VirtualHostRoot/$1 [L,P]
    ...
</VirtualHost>
2 
<Location "/mirror/foo/i">
    ProxyPass "!"
</Location>
3

@1letter Sorry. But I don't understand your hint.

I've tried different combinations of <location ...> and ProxyPass with no success.

4

@1letter Thank you for your hint.

A RewriteCond %{REQUEST_URI} !^/react/(.*) was also needed:

    ProxyPass /react !
    RewriteCond %{REQUEST_URI} !^/react/(.*)
    RewriteRule ^/(.*) http://localhost:8080/VirtualHostBase/http/%{HTTP_HOST}:80/Plone/VirtualHostRoot/$1 [L,P]
5

Just in case someone finds this page looking for Volto-specific configuration that allows Volto to stop using its router for links that cross the applications, there's a setting called externalRoutes, see https://github.com/plone/volto/blob/830a75e6f1458df7f57e50f43ab0f30c20ed8f8b/src/config/index.js#L142