Quels sont les problèmes avec le chemin de packaging vue+webpack ?

Cette fois, je vais vous expliquer quels sont les problèmes avec le chemin d'emballage vue+webpack et quelles sont les précautions concernant le chemin d'emballage vue+webpack dans le Shanxi i'an. cas, jetons un coup d'oeil.

J'ai récemment écrit un petit projet vue. Je ne voulais pas le publier en tant que projet Web séparé, j'ai donc prévu de le mettre dans le dossier public du projet de ressources, j'ai donc rencontré quelques problèmes mineurs. Je vais les résumer ici.

Le chemin de la ressource est le suivant :

Le chemin d'accès configuré pour l'annuaire public est " /", de cette façon. Dans ce cas, notre chemin d'accès devient "nom de domaine/vue-demo". Lors de l'accès au programme, aucune erreur n'a été signalée, mais la page était vierge. Il n'y avait aucun problème avec les projets publiés de cette manière auparavant, mais que s'est-il passé cette fois-ci ?

Après une exploration minutieuse, j'ai découvert que vue-router causait des problèmes. En raison des besoins du projet, le comportement de défilement est utilisé. Le comportement de défilement doit activer le mode historique Il y a une telle phrase dans le document officiel de vue-router : <.>

Lorsque vous utilisez le mode historique, l'URL ressemble à une URL normale, telle que http://votresite.com/user/id, qui a également fière allure !

Cependant, pour bien jouer à ce mode, vous avez également besoin d'un support de configuration en arrière-plan. Parce que notre application est une application client d'une seule page, si l'arrière-plan n'est pas configuré correctement, lorsque l'utilisateur accède directement à http://oursite.com/user/id dans le navigateur, 404 sera renvoyé, ce qui n'est pas beau .

Vous devez donc ajouter une ressource candidate sur le serveur pour couvrir toutes les situations : si l'URL ne correspond à aucune ressource

statique, elle doit renvoyer la même page index.html, ceci page C'est la page dont dépend votre application.

Les chemins surveillés par notre vue-router sont toujours "/" et "/component", et les chemins naturels ne correspondent pas.

Nous devons donc modifier les routes et ajouter le nom du projet à chaque chemin, c'est-à-dire "/vue-demo". En même temps, afin de garantir que les fichiers de ressources sont correctement chargés, le publicPath. lors de l'emballage, il faut également ajouter "/vue-demo" ".

Fait ! !

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment gérer l'échec des ressources de polices et d'images après l'empaquetage de vue

Comment résoudre le problème que l'icône de la police Webpack ne peut pas être affichée

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!