Linux之部署前后端分离项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Linux之部署前后端分离项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3458字，纯文字阅读大概需要5分钟。

内容图文

　　首先得看我前两个博客，把python3，虚拟环境，mariadb数据库，redis数据库，nginx安装好。

　　一、创建一个虚拟环境

　　1，创建虚拟环境

mkvirtualenv zijin   #创建了一个叫zijin的虚拟环境

　　2，安装模块

1，上传项目的requirement.txt文件
2，在当前的虚拟环境中安装模块
pip3 install -i https://pypi.douban.com/simple -r requirement.txt

　　3，上传项目

我是把项目都上传到opt目录下

　　二、数据库导入

　　1，把本地电脑上mysql数据库的表结构和数据导出

第一种:
mysqldump -u root -p --all-databases >  luffy_city.sql
第二种
从navicat导出数据库数据，导出为luffycity.sql
#我采用的是第二种，完成这步，会生成一个sql格式文件

　　2，把生成的sql文件上传到/opt目录下

　　3，在Linux系统下进入mariadb数据库，新建一个lufei数据库，然后进入lufei数据库

　　4，导入sql文件

source /opt/lufei.sql
#这样就会自动生成表结构和数据

　　5，刷新权限表

# 允许root用户远程登录，并且给予所有数据库所有表的所有权限
grant all privileges on *.* to root@'%' identified by '123';
flush privileges;

　　三、运行django项目

　　1，修改drf项目的settings.py文件

ALLOW_HOSTS=["*"]
数据库连接配置
注意: mariadb就是mysql,这里的ENGINE不用修改
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        "HOST": "127.0.0.1",
        "PORT": 3306,
        "USER": "root",
        "PASSWORD": "123",
        "NAME": "lufei",
    }
}

　　2，运行项目

在opt/lufei_drf目录下输入命令
python3 manage.py runserver 0.0.0.0:8000

　　如果项目代码没问题的话，是可以在浏览器上正常访问的

 　　四、使用uwsgi启动项目

　　1，安装uwsgi

1，进入虚拟环境
workon lufei
2，安装uwsgi
pip3 install uwsgi

　　2，使用uwsgi启动项目

uwsgi --http :9000 --module lufei_drf.wsgi    #lufei_drf为drf项目文件
在浏览器上输入ip和端口就可以访问项目

　　3，可以使用uwsgi配置文件启动项目

1，在lufei_drf项目创建uwsgi,ini文件
mkdir /opt/lufei_drf/uwsgi.ini
2，写入配置信息
[uwsgi]

chdir           = /opt/lufei_drf      #这是项目的绝对目录
module          = lufei_drf.wsgi     #项目目录加wsgi
home            = /root/Envs/lufei    #虚拟环境的绝对路径
master          = true                    #启动uwsgi主进程
processes       = 1
#socket          = 0.0.0.0:8000    #这个是当用nginx代理时使用
http            = 0.0.0.0:8000
vacuum       =true
3，使用uwsgi配置文件启动项目
uwsgi uwsgi.ini

　　五、使用nginx

　　1，收集静态文件

1，修改settings.py配置文件
STATIC_ROOT='/opt/static'
2，创建今天文件存放目录
mkdir /opt/static
3，收集django下的所有今天文件
python3 manage.py collectstatic

　　2，nginx转发uwsgi的配置

1，在nginx.conf配置文件中修改
location / {
            include  /opt/nginx112/conf/uwsgi_params;
            uwsgi_pass 0.0.0.0:9000;
        }
location /static {
            alias /opt/static;
        }
2，将uwsgi.ini配置文件修改
socket          = 0.0.0.0:9000   # 启用此行
# http            = 0.0.0.0:9000  # 停用此行
3，平滑重启nginx
/opt/nginx112/sbin/nginx -s reload

　　现在，在浏览器上输入192.168.12.64:8000就可以访问django项目

　　六、配置vue前端项目

　　1，安装及配置node.js

1，在opt目录下下载noode安装包
wget https://nodejs.org/download/release/v10.15.3/node-v10.15.3-linux-x64.tar.gz
2，解压
tar -zxvf node-v10.15.3-linux-x64.tar.gz
3，添加环境变量
vim /etc/profile
把path修改为：
PATH=/opt/node-v10.15.3-linux-x64/bin:/opt/python36/bin:/usr/local/sbin:/usr/local/bin:
/usr/sbin:/usr/bin:/root/bin

　　2，把vue项目中的所有ip改为192.168.12.64

　　3，生成dist项目静态文件

1，进入vue项目
cd /opt/lufei
2，输入
npm run build

　　4，在nginx添加服务

server {
        listen       80;     #前端vue用80端口
        server_name www.lufei.com ;   #使用域名www.lufei.com

        location / {
            root  /opt/lufei/dist;                  #静态文件目录
            index index.html index.htm;
        }


        error_page   500 502 503 504  /50x.html;

    }

　　修改hosts文件：

　　注意：在drf项目的settings.py文件中修改跨域问题

　　这样就可以把整个项目运行起来了。记得平滑启动nginx和启动uwsgi

内容总结

以上是互联网集市为您收集整理的Linux之部署前后端分离项目全部内容，希望文章能够帮你解决Linux之部署前后端分离项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---