VueJS spa .htaccess

Question

Ich versuche herauszufinden, wie meine .htaccess-Datei aussehen muss. Ich betreibe eine SPA VueJS App auf einer separaten https-Domain von meiner API.

Ich glaube, es funktioniert irgendwie mit meinen Regeln, aber es schließt den Ordner/static nicht aus, so dass keine meiner Assets (Fonts, CSS, etc) korrekt geladen wird.

Ich kann kein anständiges Beispiel auf Google oder SO finden, das meinen Einstellungen entspricht (https SPA mit API und App auf separaten Domains).

<IfModule mod_rewrite.c> 
    RewriteEngine On 
    RewriteCond %{SERVER_PORT} 80 
    RewriteCond %{REQUEST_URI} !^/[0-9]+\..+\.cpaneldcv$ 
    RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/[0-9a-zA-Z_-]+$ 
    RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/[A-F0-9]{32}\.txt(?:\ Comodo\ DCV)?$ 
    RewriteRule ^(.*)$ https://my-vue-domain.com/$1 [R] 

    RewriteRule ^(static) - [L] 

    RewriteEngine On 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteCond %{REQUEST_URI} !^/static/ 
    RewriteRule (.*) index.html [QA,L] 

</IfModule> 

Answer 1

Wenn z.B. /static/js/app.js ist real-Datei in Ihrem Dokument root, Sie es nicht ausschließen müssen überhaupt, weil Sie alle Dateien und Ordner mit nicht ausschloß:

RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 

ich entfernen würde:

RewriteRule ^(static) - [L] 

und

RewriteCond %{REQUEST_URI} !^/static/