# 前端部署文档 前端有3种部署方式,分别为自动化部署,手动部署和编译源码部署 ## 1、准备工作 #### 下载安装包 目前最新安装包版本是1.0.2,下载地址: [码云下载](https://gitee.com/easyscheduler/EasyScheduler/attach_files/) 下载escheduler-ui-1.0.2.tar.gz后,解压后会产生dist目录,进入dist目录 > cd dist ## 2、部署 以下两种方式任选其一部署即可,推荐自动化部署 ### 2.1 自动化部署 在`escheduler-ui`目录下编辑安装文件`vi install(线上环境).sh`(执行时,最好修改install(线上环境).sh为install-ui.sh,跟后端部署区分) 更改前端访问端口和后端代理接口地址 ``` # 配置前端访问端口 esc_proxy="8888" # 配置代理后端接口 esc_proxy_port="http://192.168.xx.xx:12345" ``` 前端自动部署基于linux系统`yum`操作,部署之前请先安装更新`yum` 在`escheduler-ui`目录下执行`./install(线上环境).sh` 或者改名后的 `./install-ui.sh` ### 2.2 手动部署 安装epel源 `yum install epel-release -y` 安装Nginx `yum install nginx -y` > #### nginx配置文件地址 ``` /etc/nginx/conf.d/default.conf ``` > #### 配置信息(自行修改) ``` server { listen 8888;# 访问端口 server_name localhost; #charset koi8-r; #access_log /var/log/nginx/host.access.log main; location / { root /xx/dist; # 上面前端解压的dist目录地址(自行修改) index index.html index.html; } location /escheduler { proxy_pass http://192.168.xx.xx:12345; # 接口地址(自行修改) proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header x_real_ipP $remote_addr; proxy_set_header remote_addr $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_http_version 1.1; proxy_connect_timeout 4s; proxy_read_timeout 30s; proxy_send_timeout 12s; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } } ``` > #### 重启Nginx服务 ``` systemctl restart nginx ``` #### nginx命令 - 启用 `systemctl enable nginx` - 重启 `systemctl restart nginx` - 状态 `systemctl status nginx` ## 前端常见问题 #### 1. 上传文件大小限制 编辑配置文件 `vi /etc/nginx/nginx.conf` ``` # 更改上传大小 client_max_body_size 1024m ```