在NginX Web服务器上部署Angular 2应用程序

Question

我正在尝试在NGINX网络服务器上部署Angular2应用程序。

我已经使用webpack捆绑我的应用程序并获得了一个dist文件夹。

我希望将dist文件夹放在托管NGINX webserver的linux VM上，并更新nginx.conf文件，以便从该dist文件夹中提供静态内容。

但是当我更改下面配置文件的server属性中的根位置时，我在访问NGINX上的默认页面时获得了HTTP 403 Forbidden

server {
    listen       80 default_server;
    listen       [::]:80 default_server;
    server_name  _;
    root         /home/dist;

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;

    location / {
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }
}

请注意，当我运行NGINX时，它使用root用户运行。在我保存dist文件夹的新文件夹中，我给了777许可。