Solution au problème de rafraîchissement de vue 404

Le contenu de cet article concerne la solution au problème du rafraîchissement Vue 404. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1. Description du problème

Utilisation de vue-route combinée avec webpack pour écrire un projet de routage d'une seule page, et assistance à l'exploitation et à la maintenance pour la configuration de nginx côté serveur. Une fois le déploiement terminé, il n'y a aucun problème pour accéder à la page d'accueil et ouvrir les pages secondaires depuis la page d'accueil. Cependant, une fois que toutes les pages secondaires sont à nouveau ouvertes et actualisées, le phénomène 404 apparaîtra !

2. Cause du problème :

Les ressources accessibles lors du rafraîchissement de la page sont introuvables côté serveur car le chemin défini par vue-router n'est pas un vrai chemin.

3. Solution :

Ajoutez le paramètre de saut de vue-route dans la configuration de nginx (la page d'accueil ici est index.html, si c'est index.php, remplacez-le à la position correspondante ci-dessous), La configuration correcte est la suivante

location / {
    try_files $uri $uri/ @router;
    index index.html;
}

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

Cet article est terminé ici Pour un contenu plus passionnant, vous pouvez faire attention à la colonne Vidéo du didacticiel JavaScript du site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!