Résoudre l'erreur de chemin d'image packagée vue-cli

Cette fois, je vais vous apporter une solution à l'erreur de chemin d'image image packagée de vue-cli. Quelles sont les précautions pour résoudre l'erreur de chemin d'image packagée de vue-cli. est un cas pratique. Jetons un coup d’oeil.

J'ai récemment utilisé vue-cli pour créer un projet pour la première fois. Lorsque je l'ai empaqueté et déployé sur le serveur pour la première fois, la image n'a pas pu être chargée en combinant en ligne. méthodes. Il existe deux types de déploiement de projets sur le serveur : l'un consiste à déployer directement dans le répertoire racine du serveur et l'autre consiste à déployer dans un sous-répertoire du serveur

1. Déployons d'abord dans le répertoire racine, par exemple : www.****.com

Recherchez le fichier index.js

sous le dossier config du projet Remplacez assetsPublicPath: '/' dans le fichier par la case suivante.

Le but de ceci est de changer le chemin absolu en chemin relatif

Si vous le mettez dans le répertoire racine, tout ira bien

2. Placez-le dans un sous-répertoire, tel que : www.***.com/community/dist

Divisée en deux étapes, la première étape est la même que ci-dessus

Après avoir empaqueté avec la commande npm run build, placez le fichier dist dans le dossier communautaire afin que l'image puisse être affichée.

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 :

Node exploite du texte pour générer des images

Une explication détaillée des étapes d'interaction et de vérification lorsque AngularJs les utilisateurs se connectent

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!