阿里云部署前后端分离项目，后端Django，前端Vue

最新推荐文章于 2024-09-07 22:52:55 发布

lvnacp

最新推荐文章于 2024-09-07 22:52:55 发布

阅读量304

点赞数 7

文章标签：前端阿里云 django

本文链接：https://blog.csdn.net/lvnacp/article/details/140450415

版权

后端部署

参考我的上一篇博文
https://editor.csdn.net/md/?articleId=140362562
但是需要修改nginx.conf（一般在/etc/nginx目录下）文件

upstream django {
        # 注意这里的server要和uwsgi.ini配置文件中的socket保持一致
        server 127.0.0.1:8000; # for a web port socket
    }
    server {
        listen       8091;
        server_name  127.0.0.1;  # 这里填自己的域名或者服务器的ip（决定你今后访问网站的方式）
        charset      utf-8;
        root         /usr/share/nginx/html;
        location / {
        root        /root/visual_data/django_car_show/myapp;  # 这是Django App的路径
            uwsgi_pass  django;
            include     uwsgi_params; # the uwsgi_params file you installed
        }
        location /static {
            # Django项目静态文件的路径
            alias /root/visual_data/django_car_show/static; 
        }
    }

监听端口得改成其他的，我改成了8091，需要在阿里云的安全组中添加8091端口
在这里插入图片描述

重新启动nginx

sudo systemctl restart nginx

nginx常规命令

开机启动
sudo systemctl enable nginx

启动服务
sudo systemctl start nginx

重启服务
sudo systemctl restart nginx

重新加载服务
sudo systemctl reload nginx

查看nginx状态
systemctl status nginx

停止服务
sudo systemctl stop nginx
查看nginx服务
ps -ef | grep nginx

启动nginx之后启动uwsgi

uwsgi --ini my_uwsgi.ini

查看后端是否启动
公网ip:8091

前端部署

首先在前端项目根目录部署之前将端口号改为公网ip:端口(自己定义)
在这里插入图片描述

npm run build

生成可执行文件夹dist，进入dist目录，运行live-server（没有安装可以先安装再运行）,本地执行没问题上传至阿里云服务器上。
进入nginx.conf（一般在/etc/nginx目录下）文件

server {
        listen      8080 default_server;
        server_name 127.0.0.1;
        location / {
          # 进入前端项目的根目录 pwd 复制完整路径粘贴到下行root后面就行
          root   /root/visual_data/django_car_show/big-screen-vue-datav-master/dist; #服务器上dist的目录，可以使用pwd查看
          index  index.html;
          client_max_body_size    10m;
        }

  include /etc/nginx/default.d/*.conf;

  error_page 404 /404.html;
      location = /40x.html {
  }

  error_page 500 502 503 504 /50x.html;
      location = /50x.html {
  }
}