技術標籤：nginxubuntu伺服器運維

flask+vue+ubuntu部署文件

概述

• 伺服器安裝python-dev python-virtualenv，配置並激活虛擬環境，安裝flask等等，安裝nginx、gunicorn，方法自行百度，以下為主要參考資料之一（有一些關鍵步驟不一樣）
• https://www.cnblogs.com/doocool/p/8847288.html

關鍵步驟

埠開啟

• 將要用到的埠開啟，本例用的是阿里雲ECS，所以要現在阿里雲官網對應頁面設定安全組新增埠，然後在伺服器中firewall-cmd --zone=public --add-port=埠號/tcp --permanent
  然後重啟服務firewalld，最後firewall-cmd --query-port=埠號/tcp檢視埠開啟情況。

nginx配置檔案

• 按照以上鍊接將程式碼配置到/etc/nginx/conf.d/nginx.conf中即使語法檢查合格後，並將nginx重啟依然無法生效，但是在nginx -t命令中可以發現nginx的源配置檔案路徑

• 開啟該檔案，可以發現在http{}模組中一句 include /etc/nginx/sites-enabled/*; 語句，將 * 改為相應的檔名

• 或者是直接在http{}模組中配置，舉例來說要在該伺服器上配置兩個vue前端，公用一個flask後端則按如下配置

#前端配置伺服器
server {
    listen 80;  #http埠
    server_name localhost;  #若是在本機就localhost，不然就公網ip或域名，下同

    location  /admin {  #即配置到url：http://ip(域名)/admin 下
        root /home/front/; #設定根目錄 即該index.html檔案在/home/front/admin目錄下
        try_files $uri $uri/ /index.html last;
        index index.html;
    }
    location  /user {
        root /home/front/;
        try_files $uri $uri/ /index.html last;
        index index.html;
    }

    location / {    #宣告對應後端的ip以及執行埠
        proxy_pass http://127.0.0.1:8080;
}
}

#後端部署到伺服器
server {
    listen 8081;#設定監聽埠
    server_name localhost;

    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}