使用docker基于daocloud自動化部署到自己的主機

來源：懂視網責編：小采時間：2020-11-27 20:07:40

使用docker基于daocloud自動化部署到自己的主機

使用docker基于daocloud自動化部署到自己的主機:在前端開發中，部署項目是我們經常發生的事情，本文主要講怎么優雅的部署vue項目，使用docker容器，配合git webhook 鉤子，當我們觸發到git hook 事件，就自動化部署。這里當然建議是 tag事件。在這里我已經寫完了項目的基本的文件，你只需要把這個項目復制到

推薦度：

點擊下載本文 文檔為doc格式

導讀使用docker基于daocloud自動化部署到自己的主機:在前端開發中，部署項目是我們經常發生的事情，本文主要講怎么優雅的部署vue項目，使用docker容器，配合git webhook 鉤子，當我們觸發到git hook 事件，就自動化部署。這里當然建議是 tag事件。在這里我已經寫完了項目的基本的文件，你只需要把這個項目復制到

項目地址 docker vue項目

使用說明

git clone https://github.com/devdocker/dao-vue

cp -r dao-vue vueitem

vueitem 是你的vue項目地址

此時你項目文件結構

然后去 daocloud.io 官網新建一個基于這個項目的項目

如果你不了解 daocloud.io ，沒關系，去注冊，看文檔，今后會寫關于daocloud.io詳細文檔。

如果你用過daocloud ，請去創建一個項目，編譯發布，設置觸發條件，自動化發布到你的主機。
當然部署到你的服務器上后，把端口寫死，不要動態的。

然后可以使用nginx upstream proxy_pass 反向代理來解決跨域問題

配置如下

upstream webfenxi {
 server 127.0.0.1:8083; # 這是服務器使用docker啟動的端口
}
server
 {
 listen 80;
 #listen [::]:80;
 server_name webfenxi.com ; # 這是綁定的自己的域名
 index index.html index.htm index.php default.html default.htm default.php;
 root /home/wwwroot/webfenxi.com; include other.conf;
 #error_page 404 /404.html;
 # Deny access to PHP files in specific directory
 #location ~ /(wp-content|uploads|wp-includes|images)/.*\.php$ { deny all; }
 include enable-php.conf;
 location / {
 proxy_set_header X-Real-Ip $remote_addr;
 proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
 proxy_set_header X-Nginx-Proxy true;
 proxy_pass http://webfenxi; # 代理地址
 proxy_redirect off;
 # try_files $uri $uri/ /index.html;
 }
 location /v1/ {
 proxy_pass http://api.xxxx.com/v1/; #代理的接口，解決跨域問題
 }
 location ~ /.well-known {
 allow all;
 }
 location ~ /\.
 {
 deny all;
 }
 access_log /home/wwwlogs/webfenxi.com.log;
 }