Table des matières
Dans le développement front-end, le déploiement de projets est quelque chose qui nous arrive souvent. Cet article explique principalement comment déployer des projets vue avec élégance, en utilisant des conteneurs Docker et des hooks git webhook. Lorsque nous déclenchons l'événement git hook, nous déploierons automatiquement. Bien sûr, la suggestion ici est l'événement tag. " >Dans le développement front-end, le déploiement de projets est quelque chose qui nous arrive souvent. Cet article explique principalement comment déployer des projets vue avec élégance, en utilisant des conteneurs Docker et des hooks git webhook. Lorsque nous déclenchons l'événement git hook, nous déploierons automatiquement. Bien sûr, la suggestion ici est l'événement tag.
Instructions d'utilisation" >Instructions d'utilisation
À l'heure actuelle votre projet Structure du fichier " >À l'heure actuelle votre projet Structure du fichier
Rendez-vous ensuite sur le site officiel daocloud.io pour créer un nouveau projet basé sur ce projet " > Rendez-vous ensuite sur le site officiel daocloud.io pour créer un nouveau projet basé sur ce projet
Ensuite, vous pouvez utiliser le proxy inverse nginx en amont proxy_pass pour résoudre les problèmes inter-domaines " >Ensuite, vous pouvez utiliser le proxy inverse nginx en amont proxy_pass pour résoudre les problèmes inter-domaines
Maison interface Web js tutoriel Utilisez Docker pour déployer automatiquement sur votre propre hôte basé sur daocloud

Utilisez Docker pour déployer automatiquement sur votre propre hôte basé sur daocloud

Jan 03, 2018 pm 03:01 PM
docker 自动化

Dans le développement front-end, le déploiement de projets est quelque chose qui nous arrive souvent. Cet article explique principalement comment déployer des projets vue avec élégance, en utilisant des conteneurs Docker et des hooks git webhook. Lorsque nous déclenchons l'événement git hook, nous déploierons automatiquement. Bien sûr, la suggestion ici est l'événement tag.

Voici j'ai fini d'écrire les fichiers de base du projet, il vous suffit de copier ce projet dans votre projet vue !

Adresse du projet docker vue project

Instructions d'utilisation

<span style="font-size: 16px;">git clone https://github.com/devdocker/dao-vue<br><br>cp -r dao-vue vueitem<br><br>vueitem 是你的vue项目地址<br></span>
Copier après la connexion

À l'heure actuelle votre projet Structure du fichier

Utilisez Docker pour déployer automatiquement sur votre propre hôte basé sur daocloud

Rendez-vous ensuite sur le site officiel daocloud.io pour créer un nouveau projet basé sur ce projet

Si vous ne connaissez pas daocloud.io, cela n'a pas d'importance Inscrivez-vous et lisez la documentation, j'écrirai une documentation détaillée sur daocloud.io à l'avenir.

Si vous avez utilisé daocloud, veuillez créer un projet, compiler et publier, définir les conditions de déclenchement et publier automatiquement sur votre hôte.
Bien sûr, après l'avoir déployé sur votre serveur, notez le port et ne le rendez pas dynamique.

Ensuite, vous pouvez utiliser le proxy inverse nginx en amont proxy_pass pour résoudre les problèmes inter-domaines

La configuration est la suivante

<span style="font-size: 16px;">upstream webfenxi {<br>        server 127.0.0.1:8083; # 这是服务器使用docker启动的端口<br>}<br>server<br>    {<br>        listen 80;<br>        #listen [::]:80;<br>        server_name webfenxi.com ; # 这是绑定的自己的域名<br>        index index.html index.htm index.php default.html default.htm default.php;<br>        root  /home/wwwroot/webfenxi.com;<br><br>        include other.conf;<br>        #error_page   404   /404.html;<br><br>        # Deny access to PHP files in specific directory<br>        #location ~ /(wp-content|uploads|wp-includes|images)/.*\.php$ { deny all; }<br><br>        include enable-php.conf;<br><br>        location / {<br>                proxy_set_header X-Real-Ip $remote_addr;<br>                proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;<br><br>                proxy_set_header X-Nginx-Proxy true;<br>                proxy_pass http://webfenxi;  # 代理地址<br>                proxy_redirect off;<br>               # try_files $uri $uri/ /index.html;<br>             }<br><br>          location /v1/ {<br>             proxy_pass http://api.xxxx.com/v1/;  #代理的接口,解决跨域问题<br>          }<br><br>          location ~ /.well-known {<br>              allow all;<br>          }<br><br>          location ~ /\.<br>          {<br>              deny all;<br>          }<br><br>          access_log  /home/wwwlogs/webfenxi.com.log;<br>      }<br></span>
Copier après la connexion

Recommandations associées :

Comment utiliser Docker pour déployer un environnement de développement PHP

Comment utiliser Docker pour créer un environnement Laravel

Un exemple simple d'installation de MySQL avec Docker

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre à jour l'image de Docker Comment mettre à jour l'image de Docker Apr 15, 2025 pm 12:03 PM

Les étapes pour mettre à jour une image Docker sont les suivantes: Tirez la dernière étiquette d'image Nouvelle image Supprimer l'ancienne image pour une balise spécifique (facultative) Redémarrez le conteneur (si nécessaire)

Comment sortir du conteneur par Docker Comment sortir du conteneur par Docker Apr 15, 2025 pm 12:15 PM

Quatre façons de quitter Docker Container: Utilisez Ctrl D dans le terminal de conteneur Entrez la commande d'exit dans le terminal de conteneur Utilisez Docker Stop & lt; contener_name & gt; Commande utilise docker kill & lt; contener_name & gt; commande dans le terminal hôte (sortie de force)

Comment redémarrer Docker Comment redémarrer Docker Apr 15, 2025 pm 12:06 PM

Comment redémarrer le conteneur Docker: Obtenez l'ID de conteneur (Docker PS); Arrêtez le conteneur (docker stop & lt; contener_id & gt;); Démarrer le conteneur (docker start & lt; contener_id & gt;); Vérifiez que le redémarrage réussit (Docker PS). Autres méthodes: Docker Compose (redémarrage Docker-Compose) ou API Docker (voir Docker Documentation).

Comment copier des fichiers dans Docker à l'extérieur Comment copier des fichiers dans Docker à l'extérieur Apr 15, 2025 pm 12:12 PM

Méthodes de copie de fichiers en hôtes externes dans Docker: Utilisez la commande docker cp: exécuter docker cp [options] & lt; Container Path & gt; & lt; Host Path & gt;. Utilisation de volumes de données: créez un répertoire sur l'hôte et utilisez le paramètre -v pour monter le répertoire dans le conteneur lors de la création du conteneur pour obtenir la synchronisation de fichiers bidirectionnels.

Comment utiliser Docker Desktop Comment utiliser Docker Desktop Apr 15, 2025 am 11:45 AM

Comment utiliser Docker Desktop? Docker Desktop est un outil pour exécuter des conteneurs Docker sur les machines locales. Les étapes à utiliser incluent: 1. Installer Docker Desktop; 2. Démarrer Docker Desktop; 3. Créer une image Docker (à l'aide de DockerFile); 4. Build Docker Image (en utilisant Docker Build); 5. Exécuter Docker Container (à l'aide de Docker Run).

Comment afficher le processus Docker Comment afficher le processus Docker Apr 15, 2025 am 11:48 AM

Méthode de visualisation du processus docker: 1. Commande Docker CLI: Docker PS; 2. Commande CLI Systemd: Docker d'état SystemCTL; 3. Docker Compose CLI Commande: Docker-Compose PS; 4. Process Explorer (Windows); 5. / Répertoire proc (Linux).

Comment démarrer MySQL par Docker Comment démarrer MySQL par Docker Apr 15, 2025 pm 12:09 PM

Le processus de démarrage de MySQL dans Docker se compose des étapes suivantes: Tirez l'image MySQL pour créer et démarrer le conteneur, définir le mot de passe de l'utilisateur racine et mapper la connexion de vérification du port Créez la base de données et l'utilisateur accorde toutes les autorisations sur la base de données

Que faire si l'image Docker échoue Que faire si l'image Docker échoue Apr 15, 2025 am 11:21 AM

Dépannage des étapes pour la construction d'image Docker échouée: cochez la syntaxe Dockerfile et la version de dépendance. Vérifiez si le contexte de construction contient le code source et les dépendances requis. Affichez le journal de construction pour les détails d'erreur. Utilisez l'option - cibler pour créer une phase hiérarchique pour identifier les points de défaillance. Assurez-vous d'utiliser la dernière version de Docker Engine. Créez l'image avec --t [Image-Name]: Debug Mode pour déboguer le problème. Vérifiez l'espace disque et assurez-vous qu'il est suffisant. Désactivez SELINUX pour éviter les interférences avec le processus de construction. Demandez de l'aide aux plateformes communautaires, fournissez Dockerfiles et créez des descriptions de journaux pour des suggestions plus spécifiques.

See all articles