首頁 > web前端 > js教程 > Nginx設定前後端分離實例程式碼

Nginx設定前後端分離實例程式碼

小云云
發布: 2018-02-08 15:16:04
原創
2310 人瀏覽過

本文主要和大家分享Nginx設定前後端分離實例程式碼,為了幫助大家更好的掌握Nginx設定前後端分離,本文分享的程式碼很詳細,希望能幫助大家。

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;


    #sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;

        proxy_set_header Cookie $http_cookie;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;


  
    gzip  on;
    sendfile     on;

    server {
        listen       8100;
        server_name  localhost;

        location =/ {
            root /Users/abee/WebstormProjects/Angular/dist; 
            index index.html index.htm;
            try_files $uri $uri/ /index.html =404;
        }

        location ~* \.(js|css|htm|html|gif|jpg|jpeg|png|bmp)$ { 
            root /Users/abee/WebstormProjects/Angular/dist; 

        }
        location / {
            proxy_pass http://localhost:8200/;
        }
      
        
    }
}
登入後複製

如果有多個server端location可使用另一種設定

 location /server1/ {
            proxy_pass http://localhost:8300/;
        }
登入後複製

只作測試參考。

相關推薦:

有關前後端分離與實踐的nodejs中間層服務的知識

關於前後端分離的實例教程

javascript - 網站前後端分離問題,API寫

#

以上是Nginx設定前後端分離實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板