配置Uwsgi+Nginx+Django+Vue

1 .django的settings配置

这里可以先不必配置

# 1.修改配置
# 正式上线关闭调试模式, 不会暴露服务器信息
DEBUG = False
# 2.允许的主机
ALLOWED_HOSTS = ['xxx.com','127.0.0.1']


# 3.前端修改接口地址（vue）
http://192.168.56.100:8888/ => http://xxx.com/
# 4.MySQL数据库根据实际情况配置（注意地址）
# 5.缓存配置, 改为默认, 最简单形式（配置redis）
# 6.收集静态文件
# 静态资源收集位置
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
# 7.命令行执行
python manage.py collectstatic

2 安装uwsgi 配置uWSGI

安装uwsgi 在终端窗口

'''1. 安装uwsgi'''
[root@linux-node1 /]# workon syl
[root@linux-node1 /]# pip3 install uwsgi # 安装uwsgi
[root@linux-node1 /]# whereis uwsgi # 查看uwsgi安装路径
uwsgi: /root/.virtualenvs/syl/bin/uwsgi

配置uwgsi.ini启动文件

可以直接在项目中配置

[root@linux-node1 /]# vim uwsgi_conf/uwsgi.ini
[uwsgi]
# 使用Nginx连接时使用，Django程序所在服务器地址和端口号
socket=127.0.0.1:8000
# 项目目录绝对路径
chdir=/root/shiyanlou_project/syl
# 项目中wsgi.py文件的目录，相对于项目目录
wsgi-file=syl/wsgi.py
# 进程数（机器核数的1倍）
processes=4
# 线程数
threads=15
# uwsgi服务器的角色
master=True
# 存放进程编号的文件
pidfile=uwsgi.pid
# 日志文件
daemonize=uwsgi.log
# 指定依赖的虚拟环境
virtualenv=/root/.virtualenvs/syl

3 安装配置nginx

安装nginx

[root@linux-node1 /]# sudo apt update # 更新apt
[root@linux-node1 /]# sudo apt install nginx # 安装nginx
[root@linux-node1 /]# sudo systemctl status nginx

打包vue静态资源到Linux下

在终端输入 npm run build 打包

生成之后复制到Linux下（也就是虚拟机）

放到自己想放到的地方 然后cd到目录中 输入pwd查看路径

server {
        listen 8888;
        server_name 192.168.56.100;

        location /static {
                alias /root/dist;       #这个地方写入dist的绝对路径
        }
        location / {
                include uwsgi_params;
                uwsgi_pass 127.0.0.1:8888;
                uwsgi_ignore_client_abort on;
        }
}

4.在终端输入：vim /etc/nginx/conf.d/django.conf 编辑以下文件格式 注意第二个server 是vue静态资源的绝对路径

• 配置nginx+uwsgi启动 第一个server是Django的第二个server是Vue的

•  server {
       listen 8888;
       server_name 192.168.56.100;
   
       location /static {
           alias /root/shiyanlou_project/syl/static;
       }
   location / {
       include uwsgi_params;
       uwsgi_pass 127.0.0.1:8000;
       uwsgi_ignore_client_abort on;
       }
   }
   
   server {
           listen 8888;
           server_name 192.168.56.100;
   
           location /static {
                   alias /root/dist;    #这个地方写入dist的绝对路径
           }
           location / {
                   include uwsgi_params;
                   uwsgi_pass 127.0.0.1:8888;
                   uwsgi_ignore_client_abort on;
           }
   }

5 uwsgi和nginx 启动、关闭、查看日志

在 syl虚拟环境下操作

'''1.启动并查看nginx日志'''
 systemctl restart nginx # 开启nginx
 tail -f /var/log/nginx/access.log # 查看nginx接入日志
 tail -f /var/log/nginx/error.log # 查看nginx错误日志
 
 
 '''2.启动并查看uwsgi日志'''
 cd /teach/shiyanlou_project/uwsgi_conf # 进入实验楼目录
 
 uwsgi --ini uwsgi.ini # 启动uwsgi的
 
 
 django项目
 # http://192.168.56.100:8888/ 访问项目
 
 uwsgi --stop uwsgi.pid # 关闭uwsgi
 
 tail -f uwsgi.log # 查看uwsgi日志
 
 ps -ef|grep uwsgi # 查看uwsgi服务是否启动
 
 root 92328 89266 0 14:37 pts/1 00:00:00 grep --color=auto uwsgi
 
 netstat -anptu | grep 8888 # 查看8888端口被哪一个程序
 占用

6 配置vue跨域

在components下axios_api下修改 （这个是我自己的跨域文件，你需要修改你自己的）

import axios from 'axios'
 
axios.defaults.baseURL = "http://192.168.56.100:8888/"

7 重启服务

获取id

ps -A |grep 名字

杀死

kill -9 34302

启动

systemctl start nginx

uwsgi --ini uwsgi.ini