## 部署環境 - [Ngnix](https://github.com/Exrick/xmall/blob/master/study/Nginx.md) ## 部署步驟 - 執行過npm i（等同npm install）后，根目錄下執行打包構建命命令 `npm run build`，執行完畢后生成打包好的dist文件 - 這里將dist文件重命名為了xboot放置Ngnix的根目錄下 <img src=https://ooo.0o0.ooo//2019/11/26/Nbk8tgeG74c9WaI.png width="600px" /> - 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 /doc.html { proxy_pass http://127.0.0.1:8888; } location /swagger-resources { 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 /chat { proxy_pass http://127.0.0.1:8888; } location /modeler { 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; } } ```