Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx

Baru-baru ini, pelayan perlu dikonfigurasikan dengan berbilang projek bahagian hadapan Sudah tentu, nginx diperlukan untuk memisahkan projek bahagian hadapan dan bahagian belakang.

Satu projek tidak mengapa, seperti berikut
Ubah suai fail konfigurasi nginx.conf 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;
        }
   
    }

}

Tetapi jika terdapat berbilang projek, anda juga perlu mengkonfigurasi

projek dalam nginx.conf Dibangunkan berdasarkan vue cli, anda perlu mengkonfigurasi alamat sambungan fail statik seperti js dan css apabila membungkus
Ubah suai fail konfigurasi berikut

Ubah suai mengikut nama projek atau nama laluan Dalam projek yang sepadan,

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

dan kemudian konfigurasikan 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;
        }

    }

}

Perhatikan di sini bahawa root pengguna perlu ditambah, jika tidak skop akan melaporkan 500,
dan kemudian mulakan semula nginx

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

Sudah tentu nginx -s reload boleh digunakan, tetapi ia mungkin melaporkan ralat Untuk menyelesaikan masalah, gunakan kaedah di atas

Berjaya diakses
192.168..:8000/project/index.html
192.168..:8000/project1/index.html

Atas ialah kandungan terperinci Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!