Implementierung der Nginx-Konfiguration und des Zugriffs auf lokale statische Ressourcen in der Mac-Umgebung

Implementierung der Nginx-Konfiguration und des Zugriffs auf lokale statische Ressourcen in der Mac-Umgebung

Manchmal erfordert die lokale Entwicklung das Debuggen von statischen Dateiressourcen, auf die nicht direkt zugegriffen werden kann. Dies kann durch die Konfiguration des lokalen Nginx-Dienstes erfolgen. Die Konfigurationsschritte von Nginx werden übrigens aufgezeichnet.

Installieren

<!--Über Brew installieren: -->
brew install nginx
<!--Start: -->
Brew-Dienste starten Nginx
<!--Konfiguration anzeigen: -->
cat usr/local/etc/nginx/nginx.conf
<!--Konfiguration bearbeiten: -->
vi usr/local/etc/nginx/nginx.conf

Nginx-Befehl:

<!--Start: -->
nginx

<!--Stopp/Neustart-->
nginx -s stoppen/starten/neu starten

Konfigurationsdateien

Dateiadresse: usr/local/etc/nginx/nginx.conf

# Nur der Root-Besitzer kann auf die statischen Dateien von Root zugreifen, andernfalls wird 403 gemeldet
Benutzer Root-Eigentümer;
Arbeiterprozesse 1;

#error_log Protokolle/Fehler.log;
#error_log Protokolle/error.log Hinweis;
#error_log Protokolle/error.log-Info;

#pid-Protokolle/nginx.pid;


Ereignisse {
  Arbeiterverbindungen 1024;
}


http {
  mime.types einschließen;
  Standardtyp Anwendung/Oktett-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 Protokolle/access.log Haupt;

  sendfile an;
  #tcp_nopush ein;

  #keepalive_timeout 0;
  KeepAlive-Timeout 65;

  #gzip ein;

  Server {
    # Abhörport listen 8080;
    # Domänennamen Servername local.XXX.com binden;

    #Zeichensatz koi8-r;

    #access_log Protokolle/Host.access.log Haupt;
    
    #Dateipfad und Speicherort der Eintragsdatei / {
      root /usr/local/var/www;
      Index Index.html Index.htm;
    }
    
    # Schnittstellenressource 1
    Standort /XXXapi/ {
      Proxy-Passwort https://api.XXX.com; 
    }
    # Schnittstellenressource 2
    Standort /apiXXX/ {
      Proxy-Passwort https://api.XXX.com; 
    }

    #Fehlerseite 404 /404.html;

    # Server-Fehlerseiten auf die statische Seite /50x.html umleiten
    #
    Fehlerseite 500 502 503 504 /50x.html;
    Standort = /50x.html {
      Stamm-HTML;
    }
  }

  Server einschließen/*;
}

Konfigurationsschritte

  • Installieren Sie Nginx
  • HOST über SwitchHost binden (127.0.0.1 local.XXX.com)
  • Konfigurieren Sie Port und Domänennamen
# Abhörport listen 8080;
# Domänennamen Servername local.XXX.com binden;
Geben Sie die Eingabedatei und den statischen Dateipfad an#Dateipfad und Speicherort der Eingabedatei / {      
 root /usr/local/var/www;      
 Index Index.html Index.htm;    
}
Wenn zusätzliche API-Ressourcen vorhanden sind, binden Sie die entsprechende API-Ressourcenadresse über Proxy_Pass# Schnittstellenressource 1
Standort /XXXapi/ {
  Proxy-Passwort https://api.XXX.com; 
}
# Schnittstellenressource 2
Standort /apiXXX/ {
  Proxy-Passwort https://api.XXX.com; 
}
  1. Legen Sie statische Dateien in den Dateipfad der Nginx-Konfiguration ein
  2. FERTIG, der lokale Benutzer kann die statischen Website-Ressourcen öffnen und über den entsprechenden HOST darauf zugreifen.

Dies ist das Ende dieses Artikels über die Nginx-Konfiguration in der Mac-Umgebung und die Implementierung des Zugriffs auf lokale statische Ressourcen. Weitere relevante Inhalte zur Nginx-Konfiguration und zum Zugriff auf lokale statische Ressourcen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • So verwenden Sie nginx, um auf lokale statische Ressourcen auf einem Linux-Server zuzugreifen

<<:  MySQL führt mehrere Datenzeilen basierend auf der Funktion group_concat() zusammen

>>:  Beispielcode für die JS-Funktion „Anti-Shake“ und „Throttling“ zur Entwicklung von Webprojekten

Artikel empfehlen

Detaillierte Erklärung der GaussDB zur MySQL-Leistungsoptimierung

Inhaltsverzeichnis Hintergrund Inspiration kommt ...

Organisieren Sie die allgemeinen Wissenspunkte von CocosCreator

Inhaltsverzeichnis 1. Szene laden 2. Knoten suche...

Beispiel für das Hinzufügen von Attributen mithilfe von Stilen in HTML

Fügen Sie den erforderlichen Links Inline-Stile hi...

Mehrere Möglichkeiten, die Lesbarkeit von Webseiten zu verbessern

1. Verwenden Sie kontrastierende Farben. Mit Kont...

Docker-Datenverwaltung und Netzwerkkommunikationsnutzung

Sie können Docker installieren und einfache Vorgä...

10 tödliche semantische Fehler in der Webtypografie

<br />Dies stammt aus dem Inhalt von „Web Fr...

So verwenden Sie Echarts zum Visualisieren von Komponenten in Vue

Offizielle Website-Adresse der Echarts-Komponente...

Verwendung des Linux-Befehls „sar“ und Analyse von Codebeispielen

1. CPU-Auslastung sar -p (den ganzen Tag anzeigen...

33 Eis- und Schnee-Schriftarten zum Download empfohlen (privat und kommerziell)

01 Winterflocken (nur einzeln) 02 Snowtop Caps (k...