## 部署环境 * [Ngnix](https://github.com/Exrick/xmall/blob/master/study/Nginx.md) ## 部署步骤 * 执行过npm i(等同npm install)后,根目录下执行打包构建命命令`npm run build`,执行完毕后生成打包好的dist文件 * 这里将dist文件重命名为了xboot放置Ngnix的根目录下 ![](https://i.loli.net/2019/04/11/5caec3a610924.png) * 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; } } ~~~