角度的反向代理返回 404 nginx

Question

我已经开始了 Angular 开发。我想做的是反向代理从 localhost/angular 到 localhost:4200 的所有请求

这是我当前的 nginx 配置文件

angular.conf

server {
    listen 80;
    listen [::]:80;

    # SSL configuration
    #
    # listen 443 ssl default_server;
    # listen [::]:443 ssl default_server;
    #
    # Note: You should disable gzip for SSL traffic.
    # See: https://bugs.debian.org/773332
    #
    # Read up on ssl_ciphers to ensure a secure configuration.
    # See: https://bugs.debian.org/765782
    #
    # Self signed certs generated by the ssl-cert package
    # Don't use them in a production server!
    #
    # include snippets/snakeoil.conf;

    #root /var/www/html;

    # Add index.php to the list if you are using PHP
    index index.html index.htm index.nginx-debian.html;

    server_name localhost;

    location /angular/ {
        proxy_pass http://localhost: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;
        #try_files $uri $uri/ =404;
    }

    # pass PHP scripts to FastCGI server
    #
    #location ~ \.php$ {
    #   include snippets/fastcgi-php.conf;
    #
    #   # With php-fpm (or other unix sockets):
    #   fastcgi_pass unix:/var/run/php/php7.0-fpm.sock;
    #   # With php-cgi (or other tcp sockets):
    #   fastcgi_pass 127.0.0.1:9000;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #   deny all;
    #}

}

当我尝试转到 localhost/angular 时，浏览器将加载 angular html 页面（应用程序的标题显示应用程序）

但是，当我打开控制台时，我发现找不到 5 个脚本（404 状态）

• runtime.js
• pollyfills.js
• styles.js
• vendor.js
• main.js

任何想法我可能做错了什么？

如果该问题不适用于stackoverflow，请告诉我

Answer 1

您可能错过了添加 base-href 以表明您的文件位于另一个文件夹中。

如果您使用Angular CLI，请使用ng build --base-href /angular/ 运行您的构建。另外将<base href="/angular/"> 添加到您的index.html。