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 empfehlen

Tabelle zeigt den Grenzcode, den Sie anzeigen möchten

Gemeinsame Eigenschaften von Tabellen Die grundle...

Lösung zum Vergessen des MySQL-Passworts unter Linux

Das Problem ist folgendes: Ich habe den Befehl my...

JavaScript implementiert die Kontrollkästchenauswahlfunktion

In diesem Artikelbeispiel wird der spezifische Ja...

Beispiel für die Integration von Kafka mit Nginx

Hintergrund nginx-kafka-module ist ein Plug-In fü...

Drei gängige Möglichkeiten zum Einbetten von CSS in HTML-Dokumente

Die folgenden drei Methoden werden häufig verwende...

Führt das Laden von CSS zu einer Blockierung?

Vielleicht weiß jeder, dass die JS-Ausführung die...

10 wichtige Unterschiede zwischen HTML5 und HTML4

HTML5 ist die nächste Version des HTML-Standards....

So installieren Sie MySQL 5.7 unter Windows

Laden Sie zuerst die komprimierte Version von MyS...

Die benutzerdefinierte Vue-Komponente implementiert eine bidirektionale Bindung

Szenario: Die von uns häufig verwendeten Interakt...