## 部署環境
* [Ngnix](https://github.com/Exrick/xmall/blob/master/study/Nginx.md)
## 部署步驟
* 執行過npm i（等同npm install）后，根目錄下執行打包構建命命令`npm run build`，執行完畢后生成打包好的dist文件
* 這里將dist文件重命名為了xboot放置Ngnix的根目錄下
* Nginx完整配置示例參考
~~~
server {
listen 80;
server_name localhost;
# Vue路由模式為history需添加的配置
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.html?s=$1 last;
break;
}
root xboot;
index index.html;
}
location /xboot/ {
proxy_pass http://127.0.0.1:8888;
}
location /swagger-ui.html {
proxy_pass http://127.0.0.1:8888;
}
location /swagger-resources {
proxy_pass http://127.0.0.1:8888;
}
location /swagger {
proxy_pass http://127.0.0.1:8888;
}
location /webjars {
proxy_pass http://127.0.0.1:8888;
}
location /v2 {
proxy_pass http://127.0.0.1:8888;
}
location /druid {
proxy_pass http://127.0.0.1:8888;
}
# 完整版使用到Activiti工作流設計器需加入以下配置
location /modeler.html {
proxy_pass http://127.0.0.1:8888;
}
location /editor-app {
proxy_pass http://127.0.0.1:8888;
}
# 以上為完整版需要加的反向代理轉發路徑規則
# 獲取真實IP以及Websocket需添加的配置
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
# 客戶端Body大小限制（文件上傳大小限制配置）
client_max_body_size 5m;
error_page 500 502 503 504 404 /50x.html;
location = /50x.html {
root html;
}
}
~~~
