Après avoir écrit le projet vue, il n'y a aucun problème avec le test local, maintenant je veux que d'autres personnes y accèdent sur le réseau public, j'ai donc naturellement besoin d'utiliser le serveur cloud. J'utilise actuellement Tencent Cloud et j'ajoute un panneau Pagoda, ce qui est très pratique.
Le problème qui se pose est que mon projet n'a aucun problème localement, mais lorsque je le lance sur le serveur, je constate que les css, js et img dans la dist sont tous introuvables 404. Après l'avoir lu dans l'outil de débogage du navigateur, je J'ai découvert que la demande a été faite. Le chemin n'est pas tout à fait correct. Il semble qu'il manque un chemin, c'est-à-dire que /dist est manquant. Bien sûr, ce n'est que ma supposition maintenant.
Solution : Pratiquons selon la conjecture et modifions le chemin dans vue.config.js, car je suis aussi un nouveau venu et j'ai marché sur la fosse. Je suppose que le chemin ici est lié au webpack, c'est-à-dire après packaging Dist est lié, j'ai donc ajouté une ligne de code : publicPath:'./' , puis npm a exécuté à nouveau build, puis j'ai jeté la dist emballée sur le serveur, le problème a donc été résolu.
Capture d'écran du code de ma vue.config.js :
