Vue+Uwsgi+Nginx 的前端部署

1.打开前端终端输入指令

npm run build
把前端的静态资源提取出来

2.讲打包好的dist放入项目的static文件夹下面

3.nginx写入配置文件

vim etc/nginx/conf.d/django.conf（名字是无所谓的主要是后面要加.conf）

server {
        listen 8080;  #你输入的端口号 切记不要与后端的重复
        server_name 192.168.56.100;   #路由地址
        #access_log logs/access_example.log  main;
        root root/home/worker/opwf_project/opwf/static/dist;  #静态资源的路径 一定不要错 否则会出现500的错误
        location / {
                try_files $uri $uri/ @router;
        }
        location @router {
                rewrite ^.*$ /index.html last;
        }
}

4.Nginx启动

systemctl restart nginx 				# 开启nginx 
tail -f /var/log/nginx/access.log 		# 查看nginx接入日志 
tail -f /var/log/nginx/error.log 		# 查看nginx错误日志

Uwsgi启动

cd /home/worker/opwf_project/uwsgi_conf 
# 进入项目目录 

uwsgi --ini uwsgi.ini 
# 启动uwsgi的 django项目 
# http://192.168.56.11:8888/ 访问项目 

uwsgi --stop uwsgi.pid 
# 关闭uwsgi

tail -f uwsgi.log 
# 查看uwsgi日志

ps -ef|grep uwsgi 
# 查看uwsgi服务是否启动

netstat -anptu | grep 8888 		
# 查看8888端口被哪一个程序 占用

kill -9 端口号