1. Lösung für das Problem, dass die Seite leer ist, nachdem vue-cli das Projektpaket erstellt hat Befehlszeilen-Eingabe: Nach dem Verpacken gibt es im Projekt einen zusätzlichen Ordner „dist“, der unser gepacktes Projekt ist. 2. Nach Abschluss der Verpackung generiert die Konfiguration automatisch die Datei vue.config.js. Diese Datei ist sehr wichtig und Ihre Sammlung wert Die Konfiguration ist wie folgt: const path = require("Pfad"); const resolve = function(dir) { return path.join(__dirname, dir); }; modul.exporte = { öffentlicher Pfad: process.env.NODE_ENV === "Produktion" ? "./" : "./", Ausgabeverzeichnis: "dist", assetDir: "statisch", lintOnSave: true, // Ob die eslint-Speichererkennung aktiviert werden soll productionSourceMap: false, // Ob beim Erstellen von Produktionspaketen eine sourceMap generiert werden soll chainWebpack: Konfiguration => { config.resolve.alias .set("@", auflösen("src")) .set("@v", lösen("src/views")) .set("@c", lösen("src/components")) .set("@u", lösen("src/utils")) .set("@s", resolve("src/service")); /* Alias-Konfiguration*/ config.optimization.runtimeChunk("einzeln"); }, devServer: { // Host: "localhost", /* Lokale IP-Adresse*/ //Host: "192.168.1.107", Host: "0.0.0.0", //LAN und lokaler Zugriffsport: "8080", heiß: wahr, /* Browser automatisch öffnen */ offen: falsch, Überlagerung: Warnung: falsch, Fehler: wahr }, /* Domänenübergreifender Proxy */ Proxy: { "/api": { /* Ziel-Proxyserveradresse*/ Ziel: "http://m260048y71.zicp.vip", // // Ziel: "http://192.168.1.102:8888", // /* Domänenübergreifendes Verwenden zulassen */ changeOrigin: wahr, ws: wahr, PfadNeu schreiben: { "^/api": "" } } } } }; Das dritte Problem: Der Inhalt kann in der Router-Ansicht nicht angezeigt werden. Routing-Verlaufsmodus Die Gefahr besteht darin, dass die gepackte Datei leer ist, wenn Sie nach der Verwendung des Routers den Router-Verlaufsmodus ohne die Zusammenarbeit des Backends öffnen. Dies ist das Ende dieses Artikels zum Problem der leeren Seite nach der Vue-Verpackung. Weitere verwandte Inhalte zur leeren Vue-Verpackungsseite finden Sie in den vorherigen Artikeln von 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:
|
>>: SQL-Skriptfunktion zum Schreiben einer PostgreSQL-Datenbank zur Implementierung der Analyse
Wenn Sie Informationen von Ihren Benutzern sammel...
Inhaltsverzeichnis 1. Laden Sie JDK herunter (neh...
Inhaltsverzeichnis Vorwort 1. Welche Variablen we...
CSS-Vars-Ponyfill Bei der Verwendung von CSS-Vari...
In diesem Artikel wird der spezifische Code für J...
Richtige Antwort Verwenden von useRouter : // Rou...
Vor kurzem hatte ich zufällig Kontakt mit dem Pro...
Inhaltsverzeichnis 1. Erforderliche Attribute 1. ...
Ich habe das Tutorial auf W3school durchgearbeitet...
Erstellen Sie einen MySQL-Benutzer und autorisier...
Inhaltsverzeichnis Ein JSON basiert auf zwei Stru...
Im vorherigen Artikel haben wir das ausführliche ...
Inhaltsverzeichnis Installieren Grundlegende Konf...
Inhaltsverzeichnis 1. Alles auswählen 2. Erhöhen ...
In diesem Artikelbeispiel wird der spezifische Co...