前后端分离项目部署linux服务器

linux安装python3和pip3

下载python3的安装包

wget https://www.python.org/ftp/python/3.7.0/Python-3.7.0.tgz

安装编译需要的关联库

yum instal -y zlib zlib-devel   (在我的系统中只缺少这两个包，其他系统中可能缺少其他的包，同样用yum安装即可)

解压，编译，安装

#解压
tar -zxvf Python-3.7.0.tgz
#进入解压后的目录
cd Python-3.7.0
#编译
./configure --prefix=/usr/local/python3   (prefix表示安装的路径，我安装在/usr/local中，也可以安装其他地方)
#安装
make && make install

这一步执行结束若提示：

ModuleNotFoundError: No module named '_ctypes'

执行
yum install libffi-devel -y
原因：Python3中有个内置模块叫ctypes，它是Python3的外部函数库模块，它提供兼容C语言的数据类型，并通过它调用Linux系统下的共享库(Shared library)，此模块需要使用CentOS7系统中外部函数库(Foreign function library)的开发链接库(头文件和链接库)。
由于在CentOS7系统中没有安装外部函数库(libffi)的开发链接库软件包，所以在安装pip的时候就报"ModuleNotFoundError: No module named '_ctypes'"。

创建python3的软连接

ln -s /usr/local/python3/bin/python3.7 /usr/bin/python3
(软连接的文件名不要用python，因为python已经指向了python2.7)

创建pip3的软连接

ln -s /usr/local/python3/bin/pip3 /usr/bin/pip3

现在就可以在命令行中直接输入python3来打开python3的shell，也可以直接使用pip3下载python3的库。

2. 创建python3的虚拟环境

在命令行直接输入：
virtulenv 虚拟环境名 -p /usr/bin/python3

#cd进入虚拟环境的目录

source ./bin/activate

退出虚拟环境

#在命令行输入
deactivate

修改配置文件bashrc，配置虚拟环境

末尾添加
export PYTHONPATH=/usr/local/lib/python3.7/site-packages/:$PYTHONPATH  #python路径

查看是否成功

输入命令 python3 && pip3 list 查看python3和pip是否可用

Pycharm 打包环境变量

pycharm终端运行
	pip freeze > requirements.txt
在linux环境使用pip3 install -r requirements.txt 进行安装环境
pip3 list 查看环境是否安装完成	

cd到项目目录下，执行python3 manage.py runserver -h 0.0.0.0 -p 5000 # 5000端口可以自定义
运行成功使用postman测试接口是否是通的

前端react部署

1、安装pcre

从pcre的官网下载tar.gz包，官网地址为：https://sourceforge.net/projects/pcre/files/pcre/，在这里我下载的是：pcre-8.39.tar.gz

tar -zxvf pcre-8.39.tar.gz
cd pcre-8.39
./configure 
make
make install

2、安装zlib

从zlib的官网下载tar.gz包，官网地址为：http://zlib.net/，在这里我下载的是：zlib-1.2.8.tar.gz

tar -xvf zlib-1.2.8.tar.gz 
cd zlib-1.2.8
./configure 
make
make install

3、下载Nginx包

下载地址：Nginx官网地址

下载后将nginx-1.18.0.tar.gz 导入linux服务器中并解压，进入nginx-1.18.0目录中

#配置configure --prefix 代表安装的路径，–with-http_ssl_module 安装ssl，–with-http_stub_status_module查看nginx的客户端状态

./configure --prefix=/usr/local/nginx-1.18.0 --with-http_ssl_module --with-http_stub_status_module

执行成功后会多出一个Makefile文件

make & make install #编译安装nginx

执行成功后在/usr/local目录下会有nginx-1.18.0目录文件

启动nginx

#在cd /usr/local/nginx-1.18.0/sbin目录下执行
./nginx  #启动nginx

访问服务器ip，显示nginx的欢迎页说明正常启动

一.前端react项目终端输入命令进行打包

npm run build
之后会在项目下生成一个build目录

二.把build目录放在服务器/usr/目录下

之后更改nginx配置，找到nginx/conf/nginx.conf和nginx/conf/nginx.conf.default文件

location / {
            root   /usr/build;  # 地址为build存放地址
            index  index.html index.htm;
        }

三.启动nginx

#在cd /usr/local/nginx-1.18.0/sbin目录下执行
./nginx  #启动nginx

之后访问浏览器访问服务器地址加nginx配置端口号即可