Angular4---部署---Angular 與 Nginx的邂逅

Nginx + Angular結合操作

1.下載Nginx , 根據自己的版本下載Nginx，關於Nginx配置，請看https://www.cnblogs.com/MBirds/p/6605366.html

2.將angular項目打包，並將生成的dist文件夾發布到服務器上或本地

ng build --aot // 編譯方式無要求

 3.接下來配置nginx的conf文件了，打開安裝目錄下的conf/nginx.conf

在http節點下添加server節點，原有的server有示例可以直接copy一份

如我的配置

server {
        listen       8081;
        server_name  localhost;
        location / {
            root   C:/website/angular/ng-prime/dist; // 這是angular生成的dist文件夾存放的位置
            index  index.html;
	try_files $uri $uri/ /index.html; // 注意此句，一定要加上。否則配置的子路由等無法使用
        }

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

4.運行nginx，然后就可以訪問了