Rumah > Operasi dan penyelenggaraan > Nginx > Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx

Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx

王林
Lepaskan: 2023-05-21 10:34:20
ke hadapan
2776 orang telah melayarinya

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

}
Salin selepas log masuk

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

Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx

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

assetsPublicPath: '/project/'
-----------------------
assetsPublicPath: '/project1/'
Salin selepas log masuk

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

    }

}
Salin selepas log masuk

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
Salin selepas log masuk

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

Bagaimana untuk mengkonfigurasi berbilang projek front-end dalam nginx

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!

Label berkaitan:
sumber:yisu.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan