So konfigurieren Sie mehrere Front-End-Projekte in Nginx

In letzter Zeit muss ein Server mit mehreren Front-End-Projekten konfiguriert werden. Natürlich ist Nginx erforderlich, um die Front-End- und Back-End-Projekte zu trennen.

Es ist in Ordnung, ein einzelnes Projekt wie folgt zu sagen:
Ändern Sie die Konfigurationsdatei nginx.conf von nginx.

#user  nobody;
worker_processes  1;

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

pid /usr/local/nginx/logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
 
    server {
        listen       8000;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        
        location / {
            root   /var/www/;
            #index  index.html index.htm;
        }
        location ~ /static/.*\.(gif|jpg|jpeg|png|bmp|swf)$ {
            root /var/www/project;
        }

        location ~ /static/.*\.(js|css)$ {
            root /var/www/project;
        }

        location = /project {
            root   /var/www/project;
            index  index.html index.htm;
        }
   
    }

}

Aber es gibt mehrere Projekte, die auch in nginx.conf konfiguriert werden müssen , und js und css müssen beim Packen konfiguriert werden

Warten Sie auf die Verbindungsadresse der statischen Datei

Ändern Sie sie entsprechend dem Projektnamen oder Pfadnamen

assetsPublicPath: '/project/'
-----------------------
assetsPublicPath: '/project1/'

Dann Konfigurieren Sie nginx.conf

user root;
worker_processes  1;

pid /usr/local/nginx/logs/nginx.pid;

events {
    worker_connections  1024;
}


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

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       8000;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        
        location / {
            root   /var/www;
            #index  index.html index.htm;
        }

        location = /project1 {
            root   /var/www/project1;
            try_files $uri $uri/ /project1/index.html;
            index  index.html index.htm;
        }
        
        location = /project2{
            root /var/www/project2;
            try_files $uri $uri/ /project2/index.html;
            index  index.html index.htm;
        }

    }

}

Beachten Sie hier, dass der Benutzer root hinzugefügt werden muss, andernfalls wird der Bereich 500 gemeldet Um das Problem zu lösen, verwenden Sie die oben beschriebene Methode

Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie mehrere Front-End-Projekte in Nginx. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!