VueJS 2.0: Die Bereitstellung im Unterordner ist leer?

Question

Ich habe versucht, meine Vue2-Webanwendung in einem Unterordner in meiner Domäne bereitzustellen, aber es kommt leer. Ich habe verschiedene Fixes ausprobiert, wie zum Beispiel das Ändern der Datei config/index.js, um den Pfad in meiner Live-Site zu finden. Ich habe die index.html-Datei geändert, die im Ordner dist generiert wurde, um den Pfaden zu entsprechen.

Konsole gibt keine Fehler.

Was mache ich falsch?

Answer 1

Angenommen, Sie verwenden webpack (eingerichtet über vue-cli), müssen Sie den Unterordner in der Konfiguration festlegen und an den Troute übergeben.

• hinzufügen ROUTER_BASE in der config/****.env.js Datei (en)
• stellen Sie die Basis des Routers ROUTER_BASE (https://router.vuejs.org/en/api/options.html#base)

module.exports = { NODE_ENV: '"production"', ROUTER_BASE: '/subfolder' }

new VueRouter({ base: process.env.ROUTER_BASE, // ...etc })