springboot如何使用vue打包過的頁面資源
這篇文章主要介紹了springboot如何使用vue打包過的頁面資源,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
（一）webpack打包
如果在vue基于webpack的，build打包后得到的是如下的資源文件：
webstorm中提示如下：
這個大致的意思就是這邊的文件需要放在http服務器上訪問，如果直接打開的話，無法生效。
道理也很簡單，基本上這里面引的路徑都是服務器的路徑。
（二）后端springboot項目
將dist目錄拷貝到resources目錄下：
在 properties文件里面設置 spring.resources.static-locations=classpath:/dist
spring.resources.static-locations 的默認值是：classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/
區(qū)別：spring.mvc.static-path-pattern，這個配置的意思是什么樣的路徑，才到spring.resources.static-locations中查找靜態(tài)文件, 默認的配置就是/**，就是全部的路徑
如：spring.mvc.static-path-pattern=/static/**, 當訪問/static/css/demo.css時，會拿/css/demo.css到spring.resources.static-locations配置的目錄中去查找。
測試下訪問靜態(tài)文件：
http://localhost:9999/static/css/app.30790115300ab27614ce176899523b62.css
可以返回。
訪問index.html:
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
本文主要介紹了WxJava微信公眾號開發(fā)入門實戰(zhàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
這篇文章主要介紹了java對象轉型的概念及用法,并以實例形式進行了較為詳細的介紹,需要的朋友可以參考下2014-10-10
關于spring 掃描不到jar中class文件的原因分析及解決
這篇文章主要介紹了關于spring 掃描不到jar中class文件的原因分析及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-08-08
這篇文章主要介紹了SpringBoot測試之高級配置方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要給大家介紹了關于java如何獲取request中json數據的相關資料,文中通過代碼示例以及圖文將獲取的方法介紹的非常詳細,對大家學習或者使用java具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
本文主要介紹了SpringBoot實現人臉識別等多種登錄方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
利用openoffice+jodconverter-code-3.0-bate4實現ppt轉圖片
這篇文章主要為大家詳細介紹了利用openoffice+jodconverter-code-3.0-bate4實現ppt轉圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
微服務架構已經成為現代應用開發(fā)的熱門趨勢,而Dubbo作為一款強大的分布式服務框架,與Spring?Boot的結合是構建高性能微服務應用的理想選擇,本文將詳細介紹如何在SpringBoot中無縫整合Dubbo,需要的朋友可以參考下2024-01-01
策略模式(Strategy?Pattern)定義了一組同類型的算法，在不同的類中封裝起來，每種算法可以根據當前場景相互替換，從而使算法的變化獨立于使用它們的客戶端即算法的調用者2022-07-07
這篇文章主要給大家介紹了關于SpringBoot項目啟動報錯踩坑的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-02-02