問題描述:
SpringBoot 同 vue分別開發或獨立發布時無問題,但將vue打包后文件集成到Springboot中發布,即將前端打包后dist文件夾下的所有文件代目錄拷貝到SpringBoot Resources->static下,前端資源訪問出現404。
出現原因:
在SpringBoot 的配置項中使用了context-path ,前端使用VueCli打包沒有經過任何處理,訪問路徑中沒有增加context-path,從而導致404。這一點可以通過chrome瀏覽器調試工具能清晰查看。
解決辦法:
在前端打包配置文件中找到 config->index.js,找到build下的屬性assetsPublicPath,增加Springboot配置文件中context-path路徑。重新打包即可。
如assetsPublicPath:"/",改后為:assetsPublicPath:"/context-path/"