So laden Sie VUE+UEditor-Bilder domänenübergreifend hoch

Dieses Mal zeige ich Ihnen, wie Sie einen domänenübergreifenden Upload von VUE+UEditor-Bildern hochladen und welche Vorsichtsmaßnahmen es gibt, um den domänenübergreifenden Upload von VUE+ zu implementieren Die folgenden UEditor-Bilder werfen einen Blick auf praktische Fälle.

Auf der offiziellen Website von UEditor heißt es, dass für einzelne Bilder kein domänenübergreifender Zugriff möglich ist, sodass Sie das Problem nur selbst lösen können. Ich habe viele Lösungen im Internet überprüft, aber ich habe keine gefunden, die mit Vue verwendet wurde, aber ich habe einige Ideen bekommen. Ich habe es versucht, weil ich nicht zu viel Quellcode ändern wollte ... und es hat aus Versehen funktioniert. Lösung: Beim Hochladen eines einzelnen Bildes gibt das Backend JSON nicht direkt zurück, sondern leitet zur Frontend-Seite weiter

Frontend: VUE

Backend: WAMP + ThinkPHP5.0

Frontend

http://localhost:8888

1. Gehen Sie zur offiziellen Website, um UEditor in vue herunterzuladen, öffnen Sie ueditor.config.js , um den Server--Pfad zu konfigurieren (der lokale Domänenname kann der Hosts-Datei hinzugefügt werden). Das Folgende ist meine Konfiguration

2. Öffnen Sie ueditor.all.js und suchen Sie nach

3. Erstellen Sie eine Seite zur Anzeige von JSON-Daten. Ich habe Routing-Parameter direkt verwendet, um die zurückgegebenen Ergebnisse zu empfangen, und sie dann zusammengefügt. Der gesamte JSON konnte nicht empfangen werden, daher musste ich ihn nicht zerlegen, sondern nur den Status und URL wurden erhalten. Ich weiß noch nicht, wie ich Back-End-Daten empfangen kann, ohne auf die Schnittstelle zuzugreifen. Wenn Sie eine gute Lösung haben, schlagen Sie sie bitte vor.

Backend

http://localhost.server.com

1. Laden Sie die PHP-Version von UEditor herunter, kopieren Sie die Dateien im PHP-Ordner in das Projekt und bewerten Sie die Ausgabeergebnisse im Controller. Einzelne Bilder geben keine direkten Ergebnisse zurück

2. Ändern Sie den Zugriffspfad und den Speicherpfad von Config.json

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum PHP-Chinesen Webseite!

Empfohlene Lektüre:

So erstellen Sie einen Abfrageserver mit Express

Maßgeschneiderte domänenübergreifende Ajax-Komponentenkapselung

Vue implementiert den Fortschrittsbalken beim Laden von Seiten

Das obige ist der detaillierte Inhalt vonSo laden Sie VUE+UEditor-Bilder domänenübergreifend hoch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!