使用Nginx加载角度应用程序时出现ERR_CONNECTION_RESET

时间:2018-10-12 13:43:22

标签: angular nginx

我已经如下配置了我的nginx服务器。我所有的dist文件都位于/app/html/。假设服务器名称为example.com(已配置nginx并部署了angular 4文件)。当我以https://example.com:8443/的身份访问服务器时,一切正常,应用程序已加载。

现在,我已在其顶部放置了一个负载均衡器,其URL为qc.example.com/testhtml。当我通过浏览器点击https://qc.example.com/testhtml时,则不会加载该应用程序,当我在开发人员工具中检查网络时,它会以ERR_CONNECTION_RESET作为工具提示显示(失败)状态。基本上,它不会加载内联,polyfills,脚本和主捆绑js。

令我惊讶的是,当我刷新浏览器4至5次时,它会在每次刷新时开始逐一加载。我不确定这是nginx问题还是负载平衡器。请帮忙。

server {
    listen       8080;
    error_log  /app/log/nginx_error.log;
    root /app/testhtml;

    ssl on;
    ssl_certificate /app/ssl/qc.example.com.pem;
    ssl_certificate_key /app/ssl/privkey.pem;
    ssl_session_cache    shared:SSL:1m;
    ssl_session_timeout  5m;

    location / {
         try_files $uri $uri/ /index.html;
    }
 }}

1 个答案:

答案 0 :(得分:0)

经过大量研究,我已经解决了这个问题。我正在发布答案,因为这可以帮助其他人解决那里的问题。

我为testhtml添加了另一个位置,设置了它的根目录并声明了索引,它的工作原理就像一个魅力。以下是更改

server {
    listen       8080;
    error_log  /app/log/nginx_error.log;
    root /app/testhtml;
    index index.html;
    ssl on;
    ssl_certificate /app/ssl/qc.example.com.pem;
    ssl_certificate_key /app/ssl/privkey.pem;
    ssl_session_cache    shared:SSL:1m;
    ssl_session_timeout  5m;

    location / {
         try_files $uri $uri/ /index.html;
    }

    location /testhtml {
         root /app;
         try_files $uri $uri/ /index.html;
    }
 }}