# 自定义前端
直接下载https://gitee.com/himitzh0730/hoj/tree/master/hoj-vue (opens new window)
修改后,使用npm run build
,生成一个dist文件夹,结构如下:
dist
├── index.html
├── favicon.ico
└── assets
├── css
│ ├── ....
├── fonts
│ ├── ....
├── img
│ ├── ....
├── js
│ ├── ....
....
....
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
将 dist
文件夹复制到服务器上某个目录下,比如 /hoj/www/html/dist
,然后修改 docker-compose.yml
,在 hoj-frontend
模块中的 volumes
中增加一行 - /hoj/www/html/dist:/usr/share/nginx/html
(冒号前面的请修改为实际的路径),然后 docker-compose up -d
即可。
如果仅仅只是像修改前台logo、管理后台logo和favicon.ico,那么操作如下:
修改 docker-compose.yml
,在 hoj-frontend
模块中的 volumes
中添加如下:
- ./logo.png:/usr/share/nginx/html/assets/img/logo.a0924d7d.png
- ./backstage.png:/usr/share/nginx/html/assets/img/backstage.8bce8c6e.png
- ./favicon.ico:/usr/share/nginx/html/favicon.ico
1
2
3
2
3
logo.png
为前台导航栏左边的logo,backstage.png
为后台侧边导航栏上方的logo,favicon.ico
为小图标
图片文件需放在与docker-compose.yml同个目录下,或者提供绝对路径也可。