SpringBoot Boostrap前端js/css檔案配置
阿新 • • 發佈：2018-12-27
感謝作者的分享：https://www.cnblogs.com/smiler/p/6857213.html
http://blog.csdn.net/isea533/article/details/50412212
1.按理SpringBoot會自動載入resources/static下面的靜態檔案（js/css等），但因為路徑的問題前臺頁面引用都失敗。
考慮到專案肯定會有自定義的css.js.img等靜態檔案，這個需要後續更新處理；
2.方式1沒有成功，在網上找到另外一種方式：WebJars
2.1pom檔案中新增：
<properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <java.version>1.8</java.version> <webjars-locator>0.32-1</webjars-locator> <bootstrap>4.0.0</bootstrap> <jquery>3.3.1</jquery> </properties>
<!-- webjars-locator--> <!--webjars-locator 包的作用是省略 webjar 的版本。比如對於請求 http://localhost:8080/webjars/jquery/3.1.0/jquery.js省略版本號 3.2.1 直接使用http://localhost:8080/webjars/jquery/jquery.js也可訪問。--> <dependency> <groupId>org.webjars</groupId> <2.2前臺檔案引用artifactId>webjars-locator</artifactId> <version>${webjars-locator}</version> </dependency> <!-- bootstrap --> <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>${bootstrap}</version> </dependency> <!-- jquery --> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>${jquery}</version> </dependency>
<head> <script src="/webjars/jquery/jquery.min.js"></script> <script src="/webjars/bootstrap/js/bootstrap.min.js"></script> <link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css"/> <meta charset="UTF-8"> <title>Insert title here</title> </head>2.3啟動驗證
ps我的demo地址：https://github.com/luomouren/springbootdemo
3.方式1找到解決方法了，無意中看到參考文件2解決的(感謝作者分享）
配置資源對映
Spring Boot 預設配置的/**對映到/static（或/public ，/resources，/META-INF/resources），/webjars/**會對映到classpath:/META-INF/resources/webjars/。
#設定靜態檔案路徑，js,css等 spring.mvc.static-path-pattern=/**在前臺中引用
<script src="/js/test/test.js"></script>在resources下新建static檔案，裡面直接放js資料夾，存js檔案
配置資源對映
Spring Boot 預設配置的/**對映到/static（或/public ，/resources，/META-INF/resources），/webjars/**會對映到classpath:/META-INF/resources/webjars/。