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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM