So entfernen Sie mit Vue das #-Zeichen aus dem Pfad

Dieses Mal zeige ich Ihnen, wie Sie mit Vue die #-Nummer im Pfad entfernen. Was sind die Vorsichtsmaßnahmen, wenn Sie Vue verwenden, um die #-Nummer im Pfad zu entfernen? Werfen wir einen Blick darauf.

Wie wir alle wissen, verfügt der Vue-Router über zwei Modi: den Hash-Modus und den Verlaufsmodus.

Der mit # ist der Hash-Modus.

Stellen Sie einfach den Modus im Router auf Verlauf

Dann gibt es ein Problem. Sobald die Schnittstelle aktualisiert wird, wechselt sie auf 404! ! ! !

Nachdem ich online gesucht habe, muss ich die Back-End-Umgebung konfigurieren.

Hier werden nur Nginx-Konfigurationen aufgeführt. Für andere Konfigurationen klicken Sie hier, um zur offiziellen Website zu gelangen.

Konfigurieren Sie zuerst config/index.js.

Ändern Sie den AssetsPublicPath in das Stammverzeichnis

module.exports = {
  build: {
      env: require('./prod.env'),
      index: path.resolve(dirname, '../dist/index.html'),
      assetsRoot: path.resolve(dirname, '../dist'),
      assetsSubDirectory: 'static',
      assetsPublicPath: '/',   // hash 模式会默认的在此处 添加为 assetsPublicPath: './'
      productionSourceMap: true,
      ...
    }
}

Dann konfigurieren Sie nignx

server {
    listen 0.0.0.0:12345;
    location / {
        root /home/我的应用跟目录;
        try_files $uri $uri/ /index.html =404;  // 这个是重点
    }
    error_page 404 /index.html
}

URL hat kein # mehr, wie perfekt

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie den Vue-Quellcode, um den Ereignismechanismus zu analysieren

Wie man JS betreibt, um das zu erhalten Stadt und geografischer Standort des Benutzers

Das obige ist der detaillierte Inhalt vonSo entfernen Sie mit Vue das #-Zeichen aus dem Pfad. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!