SpringBoot 前臺頁面get不到js,css文件 net::ERR_ABORTED 404

問題:

最強解決方案,js,css文件導入項目後先重新啓動軟件
1、保證編碼格式正確

js 引入加入type=“text/javascript”
css 引入加入rel=“stylesheet”


重啓idea軟件
重啓idea軟件
重啓idea軟件

重要的事情說三遍
每次導入新的css和js都要重新啓動。

重啓後還是報錯再看下面方法**
可能這個問題折磨的你都要炸了,尤其是剛開始接觸這個問題真的感覺太神奇了,還有這種操作。


不着急我們進入主題。
先說說爲什麼導不進去,心急的同學可以直接查看解決方法

出現這個問題是springboot在啓動的時候沒有帶上static下的js和css文件一起跑,還有可能出現只帶一部分跑,樓主就踩的是第二個雷

//安利一下就是有些可以正常導入,有些不可以
樓主把解決這個問題的步驟,記錄下來。爲大家奉上
下面是解決問題時間,
先把項目關閉
No.1
在springboot自身帶有的那個(項目名+Application)類中繼承WebMvcConfigurationSupport重寫裏面的addResourceHandlers方法
在這裏可以理解爲配置在項目啓動時掃描static下面的所有文件,也就是告訴springboot在啓動的時候帶上他們全部一起跑。

/*
    Application文件路徑發生變化,要重新配置Bean組件的掃描信息
 */
@SpringBootApplication
public class DemoJdbcApplication extends WebMvcConfigurationSupport {

    public static void main(String[] args) {
        SpringApplication.run(DemoJdbcApplication.class, args);
    }

    //這裏配置靜態資源文件的路徑導包都是默認的直接導入就可以
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX + "/static/");
        super.addResourceHandlers(registry);
    }
}


No.2
//js和css引入一定要注意編碼格式規範加入type="text/javascript"和rel="stylesheet"這個也可能是導致這個錯誤的原因,
在掃描不到的js文件或者css文件上加入/static整成相對路徑還有就是因爲我們掃描的時候就帶上了static
不寫可能還是掃描不到
嘗試的時候可以先把其他的注掉就先試一個
改正完成後先重啓軟件重新啓動看頁面信息
如若還是不好使
看終極第三步

<link href="/static/js/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet">


No.3
在頁面中的html標籤中加入th標籤庫使用thymeleaf爲我們提供的引入頁面工具

<html lang="en" xmlns:th="http://www.thymeleaf.org">


然後將src href路徑改成這種格式

<link th:href="@{/static/js/bootStrap-addTabs/bootstrap.addtabs.css}" rel="stylesheet">

最後按照步驟執行下來還是沒有解決的話一定要記得重啓一次,
還是不行回過頭來看看路徑到底有沒有錯。

頭炸掉!!!!!
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章