node.js – Nachdem das Vue-Projekt erstellt wurde, gibt es kein Problem beim Öffnen des Überwachungsports, aber er bleibt nach dem Aktualisieren der Seite hängen.

Question

Beim Ausführen in der Entwicklungsumgebung werden keine Fragen gestellt. Nach dem Ausführen des NPM-Builds ist es dann kein Problem, den Überwachungsport zu öffnen,

Aber nach dem Aktualisieren der Seite bleibt sie hängen, wie unten gezeigt

---

Dann habe ich den Code in main.js geändert und die Seite blieb nicht hängen, als ich sie nach dem Erstellen aktualisierte, aber ich weiß nicht warum

Vor der Änderung

let router = new VueRouter({
mode: 'history',
routes: [
{
path: '/',
component: goods
},
{
path: '/goods',
component: goods
},
{
path: '/ratings',
component: ratings
},
{
path: '/seller',
component: seller
}

],
linkActiveClass: 'active'

})

Nach der Änderung

const routes = [{
  path: '/',
  redirect: '/goods'
}, {
  path: '/goods',
  component: goods
}, {
  path: '/ratings',
  component: ratings
}, {
  path: '/seller',
  component: seller
}];

const router = new VueRouter({
  linkActiveClass: 'active',
  routes
});

Gibt es einen Grund, warum die geänderte URL ein zusätzliches # hat?

Answer 1

vue-router文档-history后端配置