Zwei Lösungen für das 404-Problem beim Aktualisieren des Vue-Paket-Upload-Servers

Zwei Lösungen für das 404-Problem beim Aktualisieren des Vue-Paket-Upload-Servers

1: Nginx-Serverlösung, ändern Sie die .conf-Konfigurationsdatei

Es gibt zwei Lösungen

1:

    Standort / {
		versuche_dateien $uri $uri/ @router;
		Index Index.html;
	}
	Standort @Router {
		schreibe ^.*$ /index.html zuletzt um;
	}

2:

    Standort / {
        Fehlerseite 404 /index.html;
        #try_file $uri $uri/ /index.html =404;
    }

2: Apache-Server-Lösung

(Vorausgesetzt, es befindet sich im CSDN-Verzeichnis) ist in die folgenden Schritte unterteilt

1. Routing konfigurieren: Verwenden Sie den Verlaufsmodus und konfigurieren Sie die Basis

2. Ändern Sie „assetsPublicPath“ in der Datei „config/index.js“ in den Dateipfad, den Sie auf dem Server angegeben haben. Das Stammverzeichnis ist „/“. Wenn es in einem Ordner abgelegt ist, zum Beispiel: „/csdn/“

3. Ändern Sie die httpd.conf-Datei von Apache, um .htaccess zu unterstützen.

4. Fügen Sie die .htaccess-Datei zum entsprechenden Ordnerprojekt hinzu. (Beachten Sie, dass Windows das Format ohne Dateinamen, d. h. .***, nicht unterstützt. Sie müssen also zuerst ein neues Textdokument erstellen, den Inhalt schreiben, es dann per FTP in das entsprechende Verzeichnis hochladen und es anschließend umbenennen. Nachdem Sie es hier umbenannt haben, können Sie es nicht mehr sehen. Sie müssen FTP daher so einrichten, dass versteckte Dateien angezeigt werden.)

<IfModule mod_rewrite.c>
	RewriteEngine aktiviert
	RewriteBase /csd/
	RewriteRule ^index\.html$ - [L]
	RewriteCond %{REQUEST_FILENAME} !-f
	UmschreibenCond %{REQUEST_FILENAME} !-d
	Umschreibregel . /csd/index.html [L]
</IfModule>

5. Starten Sie den Server neu

Zusammenfassen

Damit ist dieser Artikel über zwei Lösungen für das 404-Problem beim Aktualisieren des Vue-Paket-Upload-Servers abgeschlossen. Weitere relevante Inhalte zum Vue-Paket-Upload-Server 404 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Vue implementiert die Funktion zum Hochladen von Anhängen
  • Spring+Vue integriert UEditor Rich Text zum Hochladen von Bildanhängen
  • Vue + Element + OSS realisiert das Hochladen von Front-End-Fragmenten und die Wiederaufnahme von Haltepunkten
  • Basierend auf Vue-Simple-Uploader, kapselt die globale Upload-Plug-In-Funktion des Dateisegment-Uploads, des sofortigen Uploads und der Breakpoint-Fortsetzung
  • Vue-Formular-Post-Anforderung kombiniert mit Servlet zur Realisierung der Datei-Upload-Funktion
  • Vue verwendet den Rich-Text-Editor vue-quill-editor und lädt Bilder auf den Server hoch
  • Realisieren Sie mobile Bild-Upload-, Komprimierungs-, Drag-and-Drop-Sortierungs- und Drag-and-Drop-Löschfunktionen basierend auf Vue2
  • Was Sie beim Hochladen von Bildern mit vue+vant beachten sollten
  • Vue realisiert das Hochladen nach dem Zuschneiden von Bildern
  • Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue

<<:  Erläuterung der Schritte für Tomcat zur Unterstützung des https-Zugriffs

>>:  Lösung für den Fehler beim Starten von MySQL

Artikel    

Artikel empfehlen

Detaillierte Erklärung des MySQL-Datenbankparadigmas

Vorwort: Ich habe oft von Datenbankparadigmen geh...

19 MySQL-Optimierungsmethoden im Datenbankmanagement

Nach der MySQL-Datenbankoptimierung kann nicht nu...

Einfaches Setup von VMware ESXi6.7 (mit Bildern und Text)

1. Einführung in VMware vSphere VMware vSphere is...

Einfache Implementierungsmethode der Vue3-Quellcodeanalyse

Inhaltsverzeichnis Vorwort 🍹Vorbereitung 🍲vue3-Nu...

Detaillierte Erklärung, wie zwei Node.js-Prozesse kommunizieren

Inhaltsverzeichnis Vorwort Kommunikation zwischen...

js+css zur Realisierung eines dreistufigen Navigationsmenüs

In diesem Artikelbeispiel wird der spezifische Co...

Vue.js Leistungsoptimierung N Tipps (es lohnt sich, sie zu sammeln)

Inhaltsverzeichnis Funktionskomponenten Aufteilun...

MySQL wählt den passenden Datentyp für die ID

Inhaltsverzeichnis Zusammenfassung der Distribute...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22 winx64

Das Tutorial zur Datenbankinstallation von MySQL-...

Lösung für den Fehler bei der Installation von Docker auf der CentOS-Version

1. Versionsinformationen # Katze /etc/system-rele...

JavaScript verwendet Promise zur Verarbeitung mehrerer wiederholter Anfragen

1. Warum diesen Artikel schreiben? Sie haben sich...

Hinweise zum passenden MySql 8.0 und entsprechenden Treiberpaketen

MySql 8.0 entsprechendes Treiberpaket passend Nac...