Comment configurer plusieurs projets frontaux dans nginx

Récemment, un serveur doit être configuré avec plusieurs projets front-end. Bien entendu, nginx est nécessaire pour séparer les projets front-end et back-end.

Un seul projet est acceptable, comme suit
Modifiez le fichier de configuration nginx.conf de 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;
        }
   
    }

}

Mais il existe plusieurs projets qui doivent également être configurés dans nginx.conf

Le projet est développé sur la base de vue cli You. besoin de configurer js et css lors du packaging Attendez l'adresse de connexion du fichier statique
Modifiez le fichier de configuration suivant

Modifiez-le dans le projet correspondant en fonction du nom du projet ou du nom du chemin

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

Puis configurez 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;
        }

    }

}

Notez ici que l'utilisateur root; doit être ajouté, sinon la plage indiquera 500,
Puis redémarrez nginx

 先停止
  ./nginx -s quit
 再重启
 /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

Bien sûr, nginx -s reload peut être utilisé, mais il peut signaler une erreur pour résoudre le problème. utilisez la méthode ci-dessus

Accédez avec succès à
192.168..:8000/project/ index.html
192.168..:8000/project1/index.html

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!