Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispielcode für die Nginx-Einrichtung der Front-End- und Back-End-Trennung

小云云
Freigeben: 2018-02-08 15:16:04
Original
2279 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich der Beispielcode für die Einrichtung der Front-End- und Back-End-Trennung durch Nginx vorgestellt. Damit Sie die Einrichtung der Front-End- und Back-End-Trennung durch Nginx besser beherrschen, wird der in diesem Artikel geteilte Code vorgestellt ist sehr detailliert. Ich hoffe, es kann allen helfen.

#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/;
        }
      
        
    }
}
Nach dem Login kopieren

Wenn mehrere Server vorhanden sind location können Sie eine andere Konfiguration

 location /server1/ {
            proxy_pass http://localhost:8300/;
        }
Nach dem Login kopieren

nur als Testreferenz verwenden.

Verwandte Empfehlungen:

Wissen über Front-End- und Back-End-Trennung und praktische NodeJS-Mittelschichtdienste

Ein Beispiel-Tutorial zur Front-End- und Back-End-Trennung

Javascript – Probleme bei der Front-End- und Back-End-Trennung der Website, API-Schreiben

Das obige ist der detaillierte Inhalt vonBeispielcode für die Nginx-Einrichtung der Front-End- und Back-End-Trennung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage