子系統安裝nginx

Win10中啓用WSL

WSL是微軟和Canonical合做爲開發人員提供的一個運行在win10環境下的一個Linux子系統，由微軟編寫核心代碼，並由Canonical提供軟件包的支持。
要想使用WSL很簡單，在「啓用或關閉Windows功能」中找到「適用於Linux的Windows子系統（Bate）」，打開它，而後按照提示在系統設置裏打開開發者模式即會自動安裝完成。
重啓後打開CMD或者Windows Shell，輸入bash，按照提示操做，接下來的換源，下載經常使用軟件等不贅述。

WSL中安裝Nginx

本質上和在Ubuntu中進行安裝並無差異，命令以下

sudo apt-get install nginx

等待安裝完成後輸入如下命令驗證安裝 

sudo service nginx status

只要能找到service，不管是否在運行就說明安裝成功了，若是沒有運行的話，多是別的容器佔用了80端口致使nginx啓動失敗。須要注意的是WSL不像虛擬機存在一個單獨的環境，它的因此端口都是和win10共用。
若是服務沒有運行，則關閉佔用端口的程序後輸入如下命令啓動服務，打開瀏覽器輸入localhost便可看到nginx的歡迎頁面

sudo service nginx start

 

 

配置nginx部署Angular

接下來把編譯後的Angular應用複製到子系統中，物理機的磁盤被默認掛載在子系統的/mnt目錄下，假設咱們編譯後的文件放在D:\dist,那麼複製命令以下

sudo cp /mnt/d/dist /var/www -r
cd /var/www
ls

 

 

後兩條命令是爲了檢查是否複製成功
接下來開始配置nginx,默認網站配置文件在/etc/mginx/sites-enabled/default,若是不在的話能夠先找到nginx.conf,而後查看配置文件位置，或者直接在http配置裏面寫配置也是能夠的

 

sudo vim /etc/mginx/sites-enabled/default
 

 

上面命令打開的是歡迎頁的配置文件，把root替換成本身的網站路徑，404頁面配置成首頁，保存後重載nginx便可在瀏覽器裏看到效果

sudo service reload

 

配置nginx反向代理 

nginx的反向代理功能能夠說是很是有名了，不少公司選擇nginx專門提供反向代理和負載均衡服務，並且和在IIS中部署同樣，咱們須要將咱們的數據請求反向代理帶後端的數據接口
完整配置文件以下

配置完成後重載nginx便可

sudo service nginx reload

 

至此，WSL中部署Angular折騰完成。 

原文地址 ：https://cumtfc.github.io/2017/07/30/WSL%E4%B8%AD%E5%88%A9%E7%94%A8Nginx%E9%83%A8%E7%BD%B2Angular/