vue-django-nginx項目部署

1.準備先後端代碼

2.後端部署
    1.得到zip包
        wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip
    2.解壓包
        unzip luffy_boy.zip
    3.修改settings.py文件
        ALL
        數據庫
        
    4.安裝該項目所依賴全部模塊
        1.手動pip python manage.py runserver 0.0.0.0:8000查看所依賴的全部的模塊
        2.得到requirements.txt，直接pip install -r requirements.txt
        
    5.寫入uwsgi.ini配置文件
        [uwsgi]
        # the base directory (full path)
        #填寫你項目的絕對路徑，第一層
        chdir           = /opt/s19luffy/luffy_boy
        #找到django的那個wsgi.py文件
        #根據上面一條參數，的相對路徑來寫
        module          = luffy_boy.wsgi 
        #虛擬環境的絕對路徑
        home            = /root/Envs/s19luffy_boy
        master          = true
        #根據你的cpu核數來定義這個參數，啓動多少個進程
        processes       = 4
        # the socket (use the full path to be safe
        #指定你的django啓動在什麼地址上，而且是什麼協議
        #若是你用了nginx，進行反向代理，請用socket參數
        #若是你用了nginx，進行反向代理，請用socket參數
        #若是你用了nginx，進行反向代理，請用socket參數
        socket          = 0.0.0.0:8000
        #若是你沒用nginx反向代理，想要直接訪問django用這個參數
        #若是你沒用nginx反向代理，想要直接訪問django用這個參數
        #http = 0.0.0.0:8000
        vacuum          = true
        py-autoreload    =   1
    
    6.啓動路飛端
        uwsgi --ini uwsgi.ini
    
3.前端vue部署
    1.node環境準備
        1.wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz
        
        2.解壓
            tar -zxvf node-v8.6.0-linux-x64.tar.gz
            
        3.進入bin目錄，配置環境變量
            vim /etc/profile
            source /etc/profile #加載環境變量
            
    2.解壓vue的包
    
    3.修改src配置文件**********
        cd  /opt/luffy_boy/07-luffy_project_01/src/restful
        
        vim api.js文件
        
        
        sed -i "s/127.0.0.1:8000/192.168.16.202:8500/g" api.js
        
        -i  插入
        s  替換
        要替換的內容  替換的內容
        g 所有替換
        要替換的文件
        
    4.cd  vue的包
    config  node_modules  README.md   package.json（vue框架所依賴的全部包）  src
    
    5.安裝vue全部的模塊
        npm install
        
    6.編譯打包生成dist靜態文件
        npm run build
        
    7. cd dist文件夾。====nginx的靜態文件
        pwd一下   dist的路徑   一會server的時候 root /dist絕對路徑
        

4.nginx配置

    1.vim  nginx.conf文件
        1.配置靜態文件
        修改第一個虛擬主機cation / {
                root /opt/luffy_boy/07-luffy_project_01/dist;
                index  index.html index.htm;
                try_files $uri $uri/ /index.html;#刷新不報錯
                }

        
        2，配置反向代理第二胎虛擬主機
        server {
        listen 8500;
        server_name 192.169.16.202;
        location / {
        uwsgi_pass 192.168.16.202:8000;
        include uwsgi_params;
        }
    2.重啓nginx