时间戳

首页 > 解决方案 > 角度的反向代理返回 404 nginx

angular - 角度的反向代理返回 404 nginx

问题描述

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

这是我当前的 nginx 配置文件

角度配置文件

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 状态）

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

另外让我知道该问题是否不适用于stackoverflow

标签： angularnginx

解决方案

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

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

推荐阅读