vue項目部署到springboot後只能訪問index頁面

在Vue項目中，路由和頁面的切換是通過前端自己跳轉實現的，而在Spring Boot 中，它作為服務器，只能根據 URL 請求返回相應的靜態資源。因此，需要對 Vue 項目進行編譯，將編譯後的靜態資源放在 Spring Boot 的靜態資源目錄下，就可以在啟動 Spring Boot 應用時訪問到前端頁面。

具體來說，需要進行以下配置：

1. 在 Vue 項目中運行 npm run build 命令進行編譯，生成 dist 目錄；

2. 將 dist 目錄下的靜態資源放在 Spring Boot 靜態資源目錄（src/main/resources/static）下；

3. 在 Spring Boot 中配置視圖解析器，將請求 / 轉發到 index.html 頁面，讓前端路由系統接管頁面跳轉。可以使用 Thymeleaf 或者模板引擎等方式實現。

這樣，Vue 就可以和 Spring Boot 結合使用了，訪問 Vue 頁面時只需要訪問 Spring Boot 應用的地址即可。

上一篇:VBMES系統源代碼

下一篇:a=1234; b=12; c=34; printf("