Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie die #-Nummer im Pfad

So entfernen Sie die #-Nummer im Pfad

php中世界最好的语言
php中世界最好的语言Original
2018-06-07 11:26:372100Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie die #-Nummer im Pfad entfernen und welche Vorsichtsmaßnahmen zum Entfernen der #-Nummer im Pfad gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Während des Entwicklungsprozesses habe ich festgestellt, dass der Pfad eine /#/-Markierung hat und diese nicht entfernt werden kann, was sehr hässlich ist.

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 wird nur die Nginx-Konfiguration 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 im Stammverzeichnis Verzeichnis

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 Informationen, bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Verwenden Sie Klassen in ES6, um Vue zu imitieren und eine bidirektionale Bindung zu erstellen

Analyse der Vue-Bindung Probleme

Das obige ist der detaillierte Inhalt vonSo entfernen Sie die #-Nummer im Pfad. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn