SpringBoot項目引入前端模板時，CSS、JS、HTML文件無法加載的問題

做的問答系統的界面不夠美觀，雖然盡力改了，但還是沒有很好看很主流。

於是找了個H+的模板來改。

改完之後，放到項目裏運行，結果並沒有如期顯示。

F12查看，是CSS與JS文件沒有找到。

在pom文件加了些默認項：

<build>
		<resources>
			<resource>
				<directory>src/main/resources</directory>
				<includes>				  
					<include>**/*.properties</include>
					<include>**/*.xml</include>
					<!--加載模板文件-->
					<include>**/*.html</include>
					<include>**/*.js</include>
					<include>**/*.css</include>
					<include>**/*.png</include>
					<include>**/*.gif</include>
					<!--加載靜態文件-->
					<include>/static/</include>
				</includes>
				<filtering>false</filtering>
			</resource>			
		</resources>
	</build>

仍然報告錯誤。在引用時註明類型：

css的註明 rel="stylesheet"
script的註明 type="text/javascript"

在項目的resource文件夾中，新建static文件夾，js與css文件夾放置其中，html文件放到templates文件夾裏。

重啓IDEA，重啓項目。 

沒用，將pom文件加一行：

<include>/static/**</include>

將application.properties文件加一行：

spring.mvc.static-path-pattern=/static/**

重啓之後，頁面出來了，但還是有幾個css文件沒找到。

另外，幾個額外的html文件也沒找到。

使用Controller來控制頁面跳轉。

html文件中：

<a class="J_menuItem" href="/pages/toPage?url=/kbqa"></a>

Controller類：

package com.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller //必須是這個註解
@RequestMapping("/pages")
public class ToPageController {
    /**
     * 跳轉頁面
     * @param url
     * @return
     */
    @RequestMapping("/toPage")
    public String toPage(@RequestParam(value = "url") String url){
        return url;
    }
}

重啓，可以跳轉訪問了。

在線引用CSS文件，搜索某個加載失敗的class名+在線引用。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

參考文章：

https://blog.csdn.net/yu514950381/article/details/78015088

https://blog.csdn.net/qq_45315910/article/details/95319724

https://blog.csdn.net/qq_40155654/article/details/86510466