Un problème 404 se produit lors de l'actualisation du projet Vue

L'accès à la page vue est normal, mais dès qu'elle est rafraîchie, le problème 404 survient. Il existe deux solutions :

1. Changez le mode de routage de la vue : 'history' en mode : 'hash'

        Modifiez simplement la valeur du mode dans le fichier js utilisé pour le routage. Par exemple, mon fichier js est comme indiqué ci-dessous

        

//index.js文件
const router = new Router({
    //mode: 'history', 
    mode: 'hash',
    routes: [
        { path: '/', redirect: '/login' },
        { path: '/login', component: Login },
    ]
})

2. Dans le Nginxfichier de configuration du serveur, ajoutez le code suivant et actualisez-le à nouveau.

location / {
 try_files $uri $uri/ @router;
  index index.html;
}
 
location @router {
  rewrite ^.*$ /index.html last;
}