Trying to set up nginx to host an Angular application from a unique child path. Adjusted the app to use a base href of fish, able to serve root page and assets correctly.
However, encountering a 404 error when attempting to reload the page on a child route.
user nginx;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include /etc/nginx/mime.types;
default_type application/octet-stream;
log_format main '$request_uri --- $remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /var/log/nginx/access.log main;
sendfile on;
keepalive_timeout 65;
upstream docker-backend-stream {
server fish-api:80;
}
server {
listen 80;
autoindex off;
location / {
rewrite ^ http://www.google.com redirect;
}
location /fish {
alias /app;
index index.html;
try_files $uri $uri/ /index.html;
}
location /fish/api {
proxy_pass http://docker-backend-stream;
auth_basic off;
client_max_body_size 0;
}
}
}
Issue: Why does a GET request to http://localhost:80/fish/foo result in a 404 Not Found instead of serving index.html?
Logs:
as-web_1 | 2017/12/01 18:16:14 [error] 8#8: *2 open() "/etc/nginx/html/index.html" failed (2: No such file or directory), client: 172.24.0.1, server: , request: "GET /fish/foo HTTP/1.1", host: "localhost"
as-web_1 | /fish/foo --- 172.24.0.1 - - [01/Dec/2017:18:16:14 +0000] "GET /fish/foo HTTP/1.1" 404 571 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-"
Seems like the location directive isn't being matched, causing nginx to look for assets in the default root location of /etc/nginx/html.