Maison > interface Web > Voir.js > Comment déployer le projet vuejs sur Tomcat

Comment déployer le projet vuejs sur Tomcat

藏色散人
Libérer: 2021-10-26 11:45:03
original
4949 Les gens l'ont consulté

Comment déployer le projet vuejs sur Tomcat : 1. Téléchargez Tomcat et décompressez-le ; 2. Modifiez "config/index.js" sous vue ; 3. Ajoutez "base:'/aoxinwechat/'" 4. Exécutez npm run build ; ;5. Démarrez Tomcat.

Comment déployer le projet vuejs sur Tomcat

L'environnement d'exploitation de cet article : système Windows 7, Vue2.9.6, ordinateur Dell G3.

Comment déployer le projet vuejs sur Tomcat ?

Déployez le projet vue sur tomcat :

1 Prérequis : Avoir un environnement java configuré, télécharger tomcat et décompresser https://tomcat.apache.org/download-80.cgi pour obtenir le répertoire suivant

. Comment déployer le projet vuejs sur Tomcat

2. Modifiez config/index.js sous le projet vue que dev et build doivent modifier la configuration de assetsPublicPath

module.exports = {
  dev: {
    ...
    assetsPublicPath: './',
    ...
  },
  build: {
    ...
    assetsPublicPath: './',
    ...
  }
}
Copier après la connexion

3. Modifiez la configuration de routage src/router/index.js et ajoutez la base de configuration. : '/aoxinwechat/', si elle n'est pas configurée ici, la page d'accueil du projet déployé sera vide, mais aucune erreur ne sera signalée et les fichiers importés seront chargés normalement

export default new Router({
  //如打包文件存放在Tomcat/webapps/aoxinwechat下,
  //那么base就这么写
  base: '/aoxinwechat/',
  mode: 'history',
  routes: [
      ...
  ]
})
Copier après la connexion

4. Exécutez npm run build et collez le tout. dans le répertoire dist généré par le package dans Tomcat/ Sous le chemin webapps/aoxinwechat, aoxinwechat est le nom du projet personnalisé

5 Démarrez Tomcat, double-cliquez sur le fichier startup.bat dans le répertoire bin sous Tomcat ou ouvrez la commande. pour accéder à startup.bat,

Format du chemin d'accès>ip:port/aoxinwechat, par exemple : http://localhost:8080/aoxinwechat/, vous pouvez accéder au projet Vue.

Recommandé : "La dernière sélection de 5 tutoriels vidéo vue.js"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal