Reserve proxy config nginx with laravel and angular app.

Mình đang config trên server nginx để sử dụng laravel làm api và Angular App frontend.

Mình config cho laravel trên cổng 80 và Angular serve trên cổng 4200. Và cả 2 đều run qua domain bằng nginx. Mình đang bị vướng chỗ ở app Angular. Angular của mình trỏ vào được nhưng các file js thì bị báo 404 (do nó vẫn trỏ vào domain gốc kiểu https://example.com/main.js trong khi đáng lẽ phải là http://IP:4200/main.js).

Đây là config nginx của mình cho angular:

location /frontend/ {
                proxy_pass        http://IP:4200/;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header            X-Real-IP       $remote_addr;
                proxy_set_header            X-Forwared-For  $proxy_add_x_forwarded_for;
                rewrite ^/(.*)$  /$1  break;
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
        }

Phần trước đó thì config cho laravel ở localtion / và .php vẫn oke. Có ai gặp trường hợp này rồi ko cho mình xin solution với ạ. P/s: domain của mình thì kiểu là https://example.com