Nach der Vue3-Vite-Erstellung wird der Seiteninhalt nicht angezeigt, sondern nur leer, und es wird kein Fehler gemeldet. So lösen Sie das Problem

Nach der Vue3-Vite-Erstellung wird der Seiteninhalt nicht angezeigt, sondern nur leer, und es wird kein Fehler gemeldet. So lösen Sie das Problem

Mein Projekt wird nach der Erstellung in den /tools/image-Pfad meiner Hauptwebsite eingefügt, nicht in die Hauptwebsite, daher muss ich zwei Stellen konfigurieren:

1. Ändernvite.config.js

Das Hinzufügen einer Basis bedeutet, dass alle externen Ressourcen nach dem Build aus dem relativen Pfad des aktuellen Verzeichnisses abgerufen werden.
mag main.jsnicht, /main.jsaber./main.js

export default defineConfig({
    
    
    base: './',
})

2. Die Verlaufsoption in router.js muss geändert werden

Ich weiß nicht, was der Grund dafür ist, aber es funktioniert. viteIch routerhabe diese Option früher deaktiviert, als ich sie nicht verwendet habe, daher sollte es ähnlich sein.

router.js

import {
    
     createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
    
    
  history: createWebHashHistory(),
  // 它本来默认是  createWebHistory()
})

Ergebnis

Auf diese Weise kann es nach dem Build normal angezeigt werden