Comment empaqueter et modifier le chemin de la page d'accès dans vue

Une fois Vue empaquetée, le chemin d'accès par défaut est /index.html Si vous devez modifier le chemin d'accès, vous pouvez suivre les étapes ci-dessous.

1. Ouvrez le fichier config/index.js

Une fois le projet Vue créé, vous pouvez voir le fichier index.js dans le répertoire de configuration et ouvrir le fichier.

2. Modifier build.assetsPublicPath

Trouver build.assetsPublicPath dans le fichier Cet attribut représente le chemin public des ressources statiques, c'est-à-dire le chemin pour référencer les ressources statiques dans le fichier index.html généré.

La valeur par défaut est '/', ce qui signifie que le chemin de la ressource statique est relatif au répertoire racine où se trouve le fichier index.html.

Si vous devez modifier le chemin d'accès en « /myApp/ », vous devez définir la valeur de build.assetsPublicPath sur « /myApp/ ».

assetsPublicPath: '/myApp/'

3. Modifier build.assetsSubDirectory

Dans le même fichier, recherchez build.assetsSubDirectory Cet attribut indique le répertoire où sont stockées les ressources statiques.

La valeur par défaut est « static », ce qui signifie que les ressources statiques sont stockées dans le répertoire statique sous le répertoire racine du projet.

Si vous devez stocker des ressources statiques dans le répertoire myApp/static sous le répertoire racine du projet, vous devez définir la valeur de build.assetsSubDirectory sur « myApp/static ».

assetsSubDirectory: 'myApp/static'

4. Modifier le mode routeur

Si vous utilisez le mode routeur pour le routage des pages, vous devez également modifier le mode routeur.

Dans le fichier router/index.js, recherchez le code pour créer l'instance de routeur :

const router = new Router({
  mode: 'history',
  routes: [...]
})

Changez le mode en 'hash', ce qui signifie utiliser le mode hachage pour le routage des pages.

const router = new Router({
  mode: 'hash',
  routes: [...]
})

5. Exécutez la commande packaging

Après avoir modifié la configuration ci-dessus, vous devez réexécuter la commande packaging pour l'empaquetage.

Exécutez la commande packaging :

npm run build

Après avoir attendu que le packaging soit terminé, le fichier généré peut être déployé sur le serveur, et le chemin d'accès est le chemin défini.

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!