Django-Vue-Admin快速使用部署
2022-11-29 08:58
202
0
项目运行及部署
#准备工作
Python >= 3.8.0 (推荐3.9+版本)
nodejs >= 14.0 (推荐最新)
Mysql >= 5.7.0 (可选，默认数据库sqlite3，推荐8.0版本)
Redis(可选，最新版)
Copied!
1
2
3
4
2
3
4
#运行预览
#下载代码
- 通过
git clone https://gitee.com/liqianglog/django-vue-admin.git下载到工作目录
#后端运行
- 进入后端项目目录:
cd backend - 在项目根目录中，复制
./conf/env.example.py文件为一份新的到./conf/env.py下，并重命名为env.py - 在
env.py中配置数据库信息(默认数据库为sqlite3，测试演示可忽略此步骤) - 安装依赖环境:
pip3 install -r requirements.txt - 执行迁移命令:
python3 manage.py makemigrationspython3 manage.py migrate - 初始化数据:
python3 manage.py init - 初始化省市县数据:
python3 manage.py init_area - 启动项目:
python3 manage.py runserver 0.0.0.0:8000
#前端运行
- 进入前端项目目录
cd web - 安装依赖
npm install --registry=https://registry.npm.taobao.org - 启动服务
npm run dev
#访问项目
- 访问地址：http://localhost:8080 (默认为此地址，如有修改请按照配置文件)
- 账号：
superadmin密码：admin123456
#环境部署
- 普通部署
- docker-compose一键部署
- 宝塔部署(待更新)
#普通部署
#前端构建
- 修改环境配置
.env.preview文件中，VUE_APP_BASE_API地址为后端服务器地址
- 构建生产环境
npm run build，等待生成dist文件夹 - 生成的
dist文件放到服务器/opt/django-vue-admin/web/dist目录下 - 使用 nginx 进行静态文件代理
#后端启动
- 使用daphne启动：
daphne -b 0.0.0.0 -p 8000 application.asgi:application - 后台运行：
nohup daphne -b 0.0.0.0 -p 8000 application.asgi:application > run.log 2>&1 &
#Nginx配置
# 此nginx配置默认项目放在服务器的 /opt 目录下，前端默认端口为 8080，后端为8000，如需修改请自行对照修改
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
server {
listen 80 default_server;
server_name _;
return 404;
}
# 前端配置
server {
listen 8080;
client_max_body_size 100M;
server_name dvadmin-web;
charset utf-8;
location / {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto https;
root /opt/django-vue-admin/web/dist;
index index.html index.php index.htm;
}
# 后端服务
location /api {
root html/www;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
rewrite ^/api/(.*)$ /$1 break; #重写
proxy_pass http://127.0.0.1:8000;
}
# Django media
location /media {
root /opt/django-vue-admin/backend; # your Django project's media files - amend as required
}
# Django static
location /static {
root /opt/django-vue-admin/backend; # your Django project's static files - amend as required
}
#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
return 404;
}
}
}
Copied!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
#访问项目
- 访问地址：
http://公网或本服务器ip:8080(服务器需注意供应商端防火墙是否开启对应端口) - 账号：
superadmin密码：admin123456
#docker-compose一键部署
#构建
# 先安装docker-compose (自行百度安装)
# 通过 `git clone https://gitee.com/liqianglog/django-vue-admin.git` 下载到工作目录，执行此命令等待安装
docker-compose up
# 初始化后端数据(第一次执行即可)
docker exec -ti dvadmin-django bash
python manage.py makemigrations
python manage.py migrate
python manage.py init_area
python manage.py ini
exit
Copied!
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
#访问项目
- 访问地址：http://localhost:8000
- 账号：
superadmin密码：admin123456
前端地址：http://127.0.0.1:8080 后端地址：http://127.0.0.1:8080/api
#在服务器上请把127.0.0.1 换成自己公网ip
账号：superadmin 密码：admin123456
#常用命令
# 使用docker-compose启动四个容器
docker-compose up
# 如果前端代码有更新,可以使用此命令重新打包镜像
docker-compose build dvadmin-web
# 使用docker-compose 后台启动
docker-compose up -d
# 服务都启动成功后,使用此命令行可清除none镜像
docker system prune
# 查询容器运行日志
前端日志： docker logs dvadmin-web -f --tail 100
后端日志： docker logs dvadmin-django -f --tail 100
全部评论