# 自定义前端

直接下载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

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

logo.png为前台导航栏左边的logo,backstage.png为后台侧边导航栏上方的logo,favicon.ico为小图标

图片文件需放在与docker-compose.yml同个目录下,或者提供绝对路径也可。