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

Beispiel für die Verwendung des Nginx-Reverse-Proxys für Go-FastDFS

Hintergrund go-fastdfs ist ein verteiltes Dateisy...

Docker erstellt CMS-On-Demand-System mit Player-Funktion

Inhaltsverzeichnis Text 1. Maschine vorbereiten 2...

Eine kurze Diskussion über Schreibregeln für Docker Compose

Dieser Artikel stellt nichts im Zusammenhang mit ...

PostgreSQL-Materialisierte Ansichtsprozessanalyse

Dieser Artikel stellt hauptsächlich die Prozessan...

Detaillierte Erklärung zur Anzeige der aktuellen Anzahl an MySQL-Verbindungen

1. Zeigen Sie die detaillierten Informationen all...

TypeScript-Problem beim Iterieren über Objekteigenschaften

Inhaltsverzeichnis 1. Problem 2. Lösung 1. Deklar...

Zusammenfassung der Lösungen für allgemeine Linux-Probleme

1. Centos7 unter VMware verbinden und eine feste ...

CSS3 beschleunigt und verzögert Übergänge

1. Verwenden Sie die Geschwindigkeitskontrollfunk...

SQL GROUP BY ausführliche Erklärung und einfaches Beispiel

Die GROUP BY-Anweisung wird in Verbindung mit der...

MySQL-Grundlagen - Kurzanleitung - Wissenszusammenfassung (mit Mindmap)

Inhaltsverzeichnis Vorwort 1. Grundkenntnisse der...

So implementieren Sie Call, Apply und Binding in nativem JS

1. Implementieren Sie den Anruf Schritt: Legen Si...