Question

我已经开始进行角度开发。我要做的是将所有请求从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时，浏览器将加载有角度的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中。

角度退货的反向代理404 nginx

1 个答案: