使用 Nginx 服务器尝试文件的子 url 未加载静态内容

Question

我刚接触 Nginx 服务器。我有 url 的网站，我正在使用 try_file 和 Ngnix 服务器配置。这些是一些 url:

http://localhost:81/test-url
http://localhost:81/test-url/abc

如果我尝试获取这个 url

http://localhost:81/test-url

然后它工作正常，所有 css 将被加载 fine.But 当我试图获取这个 url

http://localhost:81/test-url/abc

然后 css 并且 js 文件未加载。因为 css 路径将更改为

http://localhost:81/test-url/css/style.css

但我实际需要的路径是

http://localhost:81/css/style.css

我的 Nginx 服务器配置是

upstream dev {
        server 127.0.0.1:9130;
    }

    server {
        rewrite_log on;
        listen [::]:81;
        server_name localhost;

        location / {
            root   D:/project/src/main/webapp;
            try_files $uri /index.html;
        }
        location ~ ^/app/.+ {
            proxy_pass  http://dev;
                proxy_set_header  Host $http_host;
        }
        location ~ /api/.+ {
            proxy_pass  http://dev;
            proxy_set_header  Host $http_host;
        }
        location ~ /client/.+ {
            proxy_pass  http://dev;
            proxy_set_header  Host $http_host;
        }
        location ~ /admin/.+ {
            proxy_pass  http://dev;
            proxy_set_header  Host $http_host;
        }
        location ~ /oauth/.+ {
            proxy_pass  http://dev;
            proxy_set_header  Host $http_host;
        }
        location ~ /webhook/.+ {
            proxy_pass  http://dev;
            proxy_set_header  Host $http_host;
        }
    }

所以，请任何人帮助我。如何使用 Nginx 解决此问题 server.I 我正在使用 angular url 加载网站。

Answer 1

我通过添加

找到了解决方案

<base href="/">

在 head 标签的顶部。

使用 Nginx 服务器尝试文件的子 url 未加载静态内容

Static content is not loading with sub url with Nginx Server Try files

nginx

url-rewriting

nginx-location

winginx