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

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;
    }
}

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;
        }
        #.......其他部分省略
  }

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!