Reguły przepisywania Apache nie są stosowane dla angularjs

Question

Próbuję skonfigurować Apache 2.2 z AngularJS z prawie dokładną strukturą jak ta z poniższego zamkniętego pytania.

rewrite rules for apache 2 to use with angular js

Chciałbym przekierować wszystkie żądania do APP/index.html wyjątkiem żądań do/API.

Moja struktura katalogów jest jak następuje

• /
• /app
• /app/index.html
• /app/css
• /app/js
• /api

Próbuję zastosuj te reguły przekierowania w pliku httpd-vhosts jako taki, który został zaksięgowany jako poprawna odpowiedź na pytanie: https://stackoverflow.com/a/15284848/671095.

<VirtualHost *:80> 
ServerName www.test.com 
DocumentRoot "C:/websites/test" 
Alias /CFIDE "C:/websites/CFIDE" 

RewriteEngine On 

# if a directory or a file exists, use it directly 
RewriteCond %{REQUEST_FILENAME} -s [OR] 
RewriteCond %{REQUEST_FILENAME} -l [OR] 
RewriteCond %{REQUEST_FILENAME} -d 
RewriteCond %{REQUEST_URI} !/api 

# otherwise forward it to index.html 
RewriteRule ^.*$ - [NC,L] 
RewriteRule ^app/. /app/index.html [NC,L] 

</VirtualHost> 

Jednak gdy próbuję odwiedzić/w przeglądarce, wyświetlany jest pusty ekran. Jeśli przejdę do /app/index.html w przeglądarce, ale mogę przeglądać stronę html w przeglądarce, ale nie można uzyskać dostępu do żadnego z css.or js i zwraca 404.

I've going going O to chodzi, co wydaje się prostą rzeczą do zrobienia jako przepisanie apache.

Każda pomoc byłaby bardzo cenna.

Answer 1

Miałem ten sam problem. Ale jestem ignorantem w mod_rewrite, więc musiałem dla Google dużo. znalazłem rozwiązanie w tym e-mail:

https://groups.google.com/d/msg/angular/GmNiNVyvonk/mmffPbIcnRoJ

Więc myślę, że .htaccess powinien wyglądać następująco:

Options +FollowSymLinks 
IndexIgnore */* 

RewriteEngine on 

# if a directory or a file exists, use it directly 
RewriteCond %{REQUEST_FILENAME} -s [OR] 
RewriteCond %{REQUEST_FILENAME} -l [OR] 
RewriteCond %{REQUEST_FILENAME} -d 
RewriteCond %{REQUEST_URI} !/api 
RewriteRule ^.*$ - [NC,L] 

# otherwise forward it to index.html 
RewriteRule ^app/(.*) /app/#/$1 [NC,L] 

Zawiadomienie (.*) i #/$1

Uwaga: Należy używaj bezwzględnych ścieżek w twoich plikach CSS, JS itp., jeśli nie otrzymasz błędu:

resource interpreted as script but transferred with mime type text/html

Answer 2

Jest to teraz znacznie łatwiejsze w Apache 2.2.16 lub nowszym przy użyciu dyrektywy FallbackResource.

FallbackResource /app/index.html 

http://httpd.apache.org/docs/2.2/mod/mod_dir.html#fallbackresource

zależności od tego jak jesteś spedycja dostęp do API może trzeba również wykorzystać załącznik wyłączyć zasób awaryjnej na specjalnie na prośby API (2.2.24+).

<Directory /api> 
    FallbackResource disabled 
</Directory> 

Answer 3

This roboty dla mnie:

<ifModule mod_rewrite.c> 
    RewriteEngine On 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteCond %{REQUEST_URI} !index 
    RewriteRule (.*) index.html [L] 
</ifModule> 

Answer 4

nie wiem, czy nadal masz ten problem, ale miałem takie same objawy z angularjs i Apache 2.

Mój problem było tak naprawdę, że używałem IE i automatycznie pojawiało się w trybie zgodności. Użyłem poniższej linii w moim kodzie HTML i zadziałało.

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

opisane tutaj: < What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?>.