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