Informationen zur Konfigurationsmethode des Nicht-Root-Pfads von vue-router + nginx

In diesem Artikel wird hauptsächlich die Nicht-Root-Pfadkonfigurationsmethode vue-router + nginx vorgestellt. Der Inhalt ist jetzt recht gut und dient als Referenz.

Standard-Daten-Hash-Modus von vue-router – verwendet den URL-Hash, um eine vollständige URL zu simulieren, sodass die Seite nicht neu geladen wird, wenn sich die URL ändert.

Im Allgemeinen mögen wir keine hässlichen Hashes. Ähnlich wie bei index.html#/matchResult können Sie den Verlaufsmodus des Routings verwenden. Der Verlaufsmodus verwendet die API „history.pushState“, um Seitensprünge zu implementieren.

Aber es gibt ein Problem, wenn wir Nginx verwenden, müssen wir einige Konfigurationen hinzufügen.

Konfigurieren Sie direkt unter dem Stammpfad

Konfigurieren Sie direkt unter dem Stammpfad. Geben Sie beim Zugriff einfach http://yoursite.com in nginx ein Die Konfiguration ist wie folgt

location / {
 try_files $uri $uri/ /index.html;
}

Nicht-Root-Pfadkonfiguration

Wenn mehrere Projekte unter einem Domänennamen vorhanden sind, ist die Verwendung des Root-Namens nicht angebracht Bei der Pfadkonfiguration müssen wir eine Pfadebene unter dem Stammpfad angeben, zum Beispiel

Projekt A

http://yoursite.com/A

Projekt B

http://yoursite.com/B

nginx-Konfiguration

  location ^~/A {
      alias /XX/A;//此处为A的路径
      index index.html;
      try_files $uri $uri/ /A/index.html;
  }
  location ^~/B {
      alias /XX/B;//此处为B的路径
      index index.html;
      try_files $uri $uri/ /B/index.html;
  }

Tipp: Achten Sie darauf, Alias ​​und nicht Root zu verwenden

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Einführung in den Konstruktions-, Verpackungs- und Veröffentlichungsprozess von Vue-Projekten

Über das Vue-V-Modell Einführung in die dynamische Generierung

Das obige ist der detaillierte Inhalt vonInformationen zur Konfigurationsmethode des Nicht-Root-Pfads von vue-router + nginx. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!