Heim > Web-Frontend > js-Tutorial > Zwei Lösungen für das 404-Problem beim Aktualisieren der Seite im Vue-Routing-Verlaufsmodus

Zwei Lösungen für das 404-Problem beim Aktualisieren der Seite im Vue-Routing-Verlaufsmodus

不言
Freigeben: 2018-10-12 16:48:59
nach vorne
12939 Leute haben es durchsucht
Dieser Artikel bietet Ihnen zwei Lösungen für das 404-Problem beim Aktualisieren der Seite im Vue-Routing-Verlaufsmodus. Ich hoffe, dass er für Sie hilfreich ist.

Im Vue-Hash-Modus gibt es „#“ in der URL. Verwenden Sie den „Verlauf“-Modus, um dieses Problem zu lösen. Aber im Verlaufsmodus wird nach dem Aktualisieren der Seite die Seite 404 angezeigt. Die Lösung besteht darin, es mit Nginx zu konfigurieren.

Ändern Sie

in der Nginx-Konfigurationsdatei:

location /{
    root   /data/nginx/html;
    index  index.html index.htm;
    if (!-e $request_filename) {
        rewrite ^/(.*) /index.html last;
        break;
    }
}
Nach dem Login kopieren

Methode zwei:
Vue.js offizielles Tutorial Erwähnt https://router.vuejs.org/zh/g...

  server {
        listen       8081;#默认端口是80,如果端口没被占用可以不用修改
        server_name  myapp.com;
        root        D:/vue/my_app/dist;#vue项目的打包后的dist
        location / {
            try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
            index  index.html index.htm;
        }
        #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
        #因此需要rewrite到index.html中,然后交给路由在处理请求资源
        location @router {
            rewrite ^.*$ /index.html last;
        }
        #.......其他部分省略
  }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonZwei Lösungen für das 404-Problem beim Aktualisieren der Seite im Vue-Routing-Verlaufsmodus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Erklärung dieser Website
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
Aktuelle Ausgaben
Nginx-Lastausgleichsproblem
Aus 1970-01-01 08:00:00
0
0
0
Fehler beim Neustart von Nginx
Aus 1970-01-01 08:00:00
0
0
0
Nginx-Lastausgleich
Aus 1970-01-01 08:00:00
0
0
0
Nginx-Default.conf-Problem
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage