使用 NGINX 刷新时 Angular 应用程序出现 404 错误吗?

使用 NGINX 刷新时 Angular 应用程序出现 404 错误吗?

我有一个使用 Nginx 服务的 Angular 应用程序。但是当我转到某个页面后刷新它时,它会出现 404 错误(例如在 www.test.uk/angular/user)。

以下是我的配置文件。我为网站的不同部分使用了三个位置块。其中第二个位置块用于 angular。(第一部分用于 api,最后一部分用于基于 php 的网站。)

尝试了很多解决方案,但都不起作用。请帮我解决这个问题。

server {
    server_name  test.uk www.test.uk;
    location /api {
        proxy_pass http://127.0.0.1:3001;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
     }

     root /var/www;
     location /angular/ {
         try_files $uri $uri/ angular/index.html;
     }


     location / {
        proxy_pass http://127.0.0.1:4200;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
     }

相关内容