使用NginX服務角度應用程序

我有一個具有以下結構的角度應用程序。我通常使用快速服務器來提供角色應用程序，但我需要在數字海洋實例上使用nginx部署此應用程序。我是nginx的新手，並不太瞭解這將如何工作。我有一個初步的結構，它看起來是這樣的：使用NginX服務角度應用程序

Nginx的配置

server { 
     listen 80; 

     root /var/www/webclient.com/dist; 

     index index.html; 

     server_name domain.com www.domain.com; 

     location/{ 
       proxy_pass http://134.435.11.92:3000; 
       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; 
     } 
} 
server { 
     listen 80; 

     server_name api.domain.com; 

     location/{ 
       proxy_pass http://134.435.11.92:8080; 
       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; 
     } 
}

目錄結構（DIST文件夾）

├── 404.html 
├── cloudwave.css 
├── cloudwave.js 
├── favicon.ico 
├── fonts 
│   ├── FontAwesome.otf 
│   ├── fontawesome-webfont.eot 
│   ├── fontawesome-webfont.svg 
│   ├── fontawesome-webfont.ttf 
│   ├── fontawesome-webfont.woff 
│   └── ufonts.com_tw-cen-mt.ttf 
├── images 
│   ├── blog 
│   │   ├── blog-bg.jpg 
│   │   ├── blog-img-1.jpg 
│   │   ├── blog-img-2.jpg 
│   │   ├── blog-img-3.jpg 
│   │   ├── blog-img-4.jpg 
│   │   ├── blog-img-5.jpg 
│   │   ├── blog-img-6.jpg 
│   │   ├── blog-img-thumb-1.jpg 
│   │   └── blog-img-thumb-2.jpg 
│   ├── cooker-img.png 
│   ├── fashion_room.jpg 
│   ├── header.jpg 
│   ├── logo-orig.png 
│   ├── logo.png 
│   ├── overlay-pattern.png 
│   ├── overlay-pattern2.png 
│   ├── photo 
│   │   ├── photo-1.jpg 
│   │   ├── photo-2.jpg 
│   │   ├── photo-3.jpg 
│   │   └── photo-4.jpg 
│   ├── slider 
│   │   ├── slider-img-1.jpg 
│   │   ├── slider-img-2.jpg 
│   │   ├── slider-img-3.jpg 
│   │   └── slider-img-4.jpg 
│   ├── subscribe-bg.jpg 
│   └── top_bg.jpg 
├── index.html 
├── robots.txt 
├── scripts.js 
└── templates.js

第二個服務器模塊運行的節點服務器，我有這個工作。但是第一臺服務器就是問題所在。如何配置nginx以提供目錄結構中的內容？謝謝:)

來源

2015-10-22 T. Rex

您需要刪除第一個server塊中的整個location塊。這是代理，而不是你想要的。然後，您要將根設置爲要提供的文件的根目錄的路徑。

看起來這已經是你想要的了。所以去www.domain.com/images/logo.png應該服務文件/var/www/webclient.com/dist/images/logo.png。

來源

2015-10-22 12:27:42 jwg

那麼這樣就足夠了嗎？ server { listen 80; root /var/www/webclient.com/dist; index index.html; server_name domain.com www.domain.com; } –

我認爲@ T.Rex，雖然我不記得確切的配置語法。你試過了嗎？ – jwg

還沒有機會嘗試它，但我很快就會這麼做 –

使用NginX服務角度應用程序

回答

相關問題