1.1關于前端說明
vue專案開發階段采用腳手架的方式進行的開發，如果開發完成應該將專案打包編譯，編譯為瀏覽器可以識別的靜態資源檔案(HTML/JS/CSS)
Nginx可以作為web的服務器，默認埠80
1.2前端專案發布
1.2.1路徑修改
說明:前端向后端發起請求時，網址:http://localhost:8091/xxxx.實際開發中服務器都是通過域名的方式訪問，所以需要將前端的前綴
修改AddItem.vue檔案 修改檔案上傳的路徑
1.2.2 前端專案發布
通過build方式,將前端專案編譯打包.
1.2.3 前端專案發布
說明: 將前端生成的dist目錄 復制到nginx根目錄中 如圖所示:
1.2.4 前端反向代理
需求: 用戶通過域名http://www.jt.com 訪問系統的首頁index.html
配置資訊:
#配置前端服務器 www.jt.com
server {
listen 80;
server_name www.jt.com;
location / {
root dist;
index index.html;
}
}頁面效果:
2,2,2部署兩臺tomat服務器
2.2..1去除熱部署
說明:現在需要準備2太tomat服務器，需要執行main方法2次，如果有熱部署，則修改代碼之后重啟會影響配置流程
2.2動態獲取埠
@RestController
public class PortController {
@Value("${server.port}")
private Integer port;
@GetMapping("/getPort")
public String getPort(){
return "訪問埠:" + port;
}
}
2.2.3 代碼除錯
1.根據8091啟動服務器.
2.修改yml檔案中的埠號8092,之后再次啟動服務
如圖所示:
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/299498.html
標籤：其他