springboot如何使用vue打包過(guò)的頁(yè)面資源
這篇文章主要介紹了springboot如何使用vue打包過(guò)的頁(yè)面資源,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
（一）webpack打包
如果在vue基于webpack的，build打包后得到的是如下的資源文件：
webstorm中提示如下：
這個(gè)大致的意思就是這邊的文件需要放在http服務(wù)器上訪問(wèn)，如果直接打開(kāi)的話，無(wú)法生效。
道理也很簡(jiǎn)單，基本上這里面引的路徑都是服務(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)訪問(wèn)/static/css/demo.css時(shí)，會(huì)拿/css/demo.css到spring.resources.static-locations配置的目錄中去查找。
測(cè)試下訪問(wèn)靜態(tài)文件：
http://localhost:9999/static/css/app.30790115300ab27614ce176899523b62.css
可以返回。
訪問(wèn)index.html:
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家?guī)?lái)一篇Java基礎(chǔ)教程_判斷語(yǔ)句if else。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
SpringBoot Actuator未授權(quán)訪問(wèn)漏洞修復(fù)詳解
這篇文章主要介紹了SpringBoot Actuator未授權(quán)訪問(wèn)漏洞修復(fù)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了SpringBoot入門之集成Druid的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
這篇文章主要為大家詳細(xì)介紹了Java swing實(shí)現(xiàn)音樂(lè)播放器，Java開(kāi)發(fā)圖形界面程序音樂(lè)播放器仿酷狗音樂(lè)播放器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
由于FluentMybatis是基于mybatis上做封裝和擴(kuò)展的，所以這里主要聊聊mybatis處理的方式，以及給出FluentMybatis的解放方案。對(duì)Fluent Mybatis入門相關(guān)知識(shí)感興趣的朋友一起看看吧2021-08-08
這篇文章主要介紹了自定義類加載器以及打破雙親委派模型解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了JDK動(dòng)態(tài)代理步驟詳解，首先需要?jiǎng)?chuàng)建一個(gè)實(shí)現(xiàn)接口InvocationHandler的類，它必須實(shí)現(xiàn)invoke方法 ，最后通過(guò)Proxy的靜態(tài)方法實(shí)現(xiàn)此操作，需要的朋友可以參考下2021-06-06
深入學(xué)習(xí)java8?中的CompletableFuture
本文主要介紹了java8中的CompletableFuture,CompletableFuture實(shí)現(xiàn)了CompletionStage接口和Future接口,前者是對(duì)后者的一個(gè)擴(kuò)展，增加了異步回調(diào)、流式處理、多個(gè)Future組合處理的能力，使Java在處理多任務(wù)的協(xié)同工作時(shí)更加順暢便利,下文需要的朋友可以參考一下2022-05-05
這篇文章主要介紹了Java編碼摘要算法實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
MybatisPlus?自定義插件實(shí)現(xiàn)攔截SQL修改功能(實(shí)例詳解)
這篇文章主要介紹了MybatisPlus?自定義插件實(shí)現(xiàn)攔截SQL修改功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11