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!