Le projet Vue est empaqueté et déployé sur le serveur cloud pour se connecter à la base de données distante

Une fois le projet vue empaqueté, il peut être visualisé directement via une interface html et téléchargé dans la liste des ressources du serveur cloud pour y accéder directement. Il y a beaucoup d'opérations inutiles dans l'empaquetage et le déploiement du projet Vue en ligne, et il doit toujours être accessible via le port : 8088 du site du serveur cloud, ce qui est très gênant. Ici, nous introduisons directement les opérations les plus simples. L'exemple utilisé est le projet de carte des connaissances de l'article précédent . Les étapes spécifiques comprennent :

1. Conditionnement local du projet VUE

(1) Assurez-vous d'abord que le projet vue se connecte à la base de données locale et accède avec succès

Il s'agit du répertoire local du projet Vue.

Ci-dessoussrc\components , le fichier vue est le fichier principal du programme. Tout d'abord, vous devez vous assurer que l'accès local au projet est réussi. L'opération spécifique consiste à utiliser la commande cmd dans le répertoire racine du projet :

npm run dev

Générez le projet vue, puis entrez le port 127.0.0.1:8088 dans le navigateur pour y accéder.

(2) Modifier le fichier de projet pour se connecter à la base de données cloud

Remplacez l'hôte local dans le chemin de la base de données du fichier .vue par l'adresse IP du réseau public du serveur cloud. Le mot de passe du compte doit également être principalement compatible avec le cloud.
Par exemple:

// 原先的服务器连接函数
_this.driver = neo4j.driver("bolt://localhost", neo4j.auth.basic("neo4j", "123456"), {
    
    encrypted: false})
// 修改后的服务器连接函数
_this.driver = neo4j.driver("bolt://124.221.176.99", neo4j.auth.basic("neo4j", "123456"), {
    
    encrypted: false})

(3) Empaquetage du projet
Modifiez la configuration du fichier du projet \cofig\index.js, empaquetez l'intégralité du projet vue et le résultat est stocké dans le dossier statique.

    // Paths
    // assetsSubDirectory是打包输出路径
    // assetsPublicPath是打包输入路径
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
    
    },

Entrez la ligne de commande cmd dans le répertoire racine du projet, puis entrez npm run buildla commande d'empaquetage d'exécution.

2. La base de données neo4j sur le serveur cloud est ouverte pour un accès à distance

Modifiez la configuration des bases de données associées sur le serveur cloud et ouvrez l'accès et les ports à distance.
Par exemple, pour la base de données neo4j dans le cloud : éditez neo4j.conf


puis téléchargez les données dans la base de données cloud

3. Téléchargement et déploiement du projet

Cette étape consiste à télécharger le projet Vue empaqueté sur la ressource de fichier du serveur cloud. Accédez à notre projet via l'adresse IP.
Plus précisément, il est exploité via le panneau de la pagode (il y a une grande différence avant et après la révision de la pagode, vous devez faire attention): (1
) Entrez le projet menu-site Web-PHP de gauche (ne vous inquiétez pas pour cela, même si ce n'est pas php, mais c'est la même chose). Ajoutez un site et écrivez l'ip du réseau public. ! Ensuite, à ce moment, un dossier de répertoire IP de réseau public sera généré et les données peuvent être téléchargées dans ce dossier pour accéder directement au projet via http://IP de réseau public.
Faites particulièrement attention, ne téléchargez pas vers \home ou \home\www, cela ne sert à rien !

Le .user.ini ici est généré automatiquement.

Les résultats d'affichage finaux sont les suivants :

Résumé : Ces étapes ont déjà été faites, mais elles n'ont pas été enregistrées à temps à ce moment-là, elles ont toutes été oubliées, et il a fallu beaucoup de temps pour les reprendre ! Par conséquent, il doit être enregistré dans le temps.