1. 程式人生 > 程式設計 >springboot 如何新增webapp資料夾

springboot 如何新增webapp資料夾

目錄
  • springboot 新增webapp資料夾
  • 踩坑:新增webapp資料夾能訪問p卻找不到靜態資源404
    • 目錄結構
    • 解決方法

springboot 新增webapp資料夾

spring boot框架本身他沒有webapp資料夾的,如果要實現前後臺不分離,就需要手動建立webapp問價夾。

springboot如何新增webapp資料夾

這是一個剛建立好的spring boot專案。接下來我們手動用idea給這個專案建立一個webapp。

springboot如何新增webapp資料夾

這裡先新建一個空的webapp資料夾

springboot如何新增webapp資料夾

springboot如何新增webapp資料夾

接下來點選ProjectStructure,就是上面那兩張截圖都可以

springboot如何新增webapp資料夾

點選modules,點選右面左上方的+號,找到web,點選

springboot如何新增webapp資料夾

web新增後就是這樣了,我們可以點選右邊的小筆來編輯wenapp的目錄,全部定位到我們新建的webapp資料夾下

springboot如何新增webapp資料夾

springboot如何新增webapp資料夾

出來後如果要是發現有這個小藍點就成功了。

踩坑:新增webapp資料夾能訪問jsp卻找不到靜態資源404

這次專案突發奇想想用一次springboot,但是入坑才發現坑好多啊。

專案說明:springboot版本是2.2.2,jdk是1.8

springboot官方推薦使用thymeleaf模板引擎,把靜態資源放到resources下面的static中,然後頁面放到templement中,但這次因為時間比較緊,所以我想把以前專案裡面的webapp直接搬過來,裡面的jsp直接使用,結果jsp能訪問到,但裡面的圖片,,js全都報404錯誤。

目錄結構

直接在與同級建立一個webapp目錄, 然後把以前舊spring MVC專案中的webapp直接複製了過來。

springboot如何新增webapp資料夾

結果訪問裡面的jsp可以正常訪問到,但靜態資源全都http://www.cppcns.com找不到了。

springboot如何新增webapp資料夾

單獨訪問css都是都跳轉到報錯頁面

springboot如何新增webapp資料夾

道理我知道點,應該是springboot預設攔截所有uri用作各種處理,然後就把靜態資源也攔了,想不攔就得配置放行。

然後百度了一堆方法不過可能是springboot版本不一樣或者是jdk版本不一樣,反正就是實現不了,prop檔案配置也不生效,最後好不容易找到一個我這個版本可以使用的方法:

springboot預設掃描的靜態資源的路徑是這些

  • classpath:/static
  • classpath:/public
  • classpath:/resources
  • classpath:/META-INF/resources

我們的目標就是就是把webapp中的內容編譯到最後一種classpath:/META-INF/resources中,然後放行這個路徑即可

解決方法

1.在pom.xml中的build->resources中增加這個,作用是吧webapp編譯到META-INF/resources 中

<resource>
    <directory>src/main/webapp</directory>
    <targetPath>META-INF/resources</targetPath>
    <includes>
        &lt;include>**/**</include>
    </includes>
</resource>

這種重新編譯後可以看到webapp已經被編譯進去了

springboot如何新增webapp資料夾

2.增加一個配置類

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.*;
 
@Configuration
public class staticConfig implements WebMvcConfigurer {
    //這個寫不寫沒啥用
   /* @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginInterceptor())
                .excludePathPatterns("/META-INF/resources*");
    }*/
 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations("classpath:/META-INF/resources/");
    }
}

這樣訪問,我的css,js終於出來了!!!

springboot如何新增webapp資料夾

如果還有問題,需要檢查是否攔截器中return成false了,如果返回結果不是404,而是500啥的,需要檢查是否是設定了字符集編碼轉換造成的,我找不到的一個原因就是字符集轉換造成的。

ps:雖說springboot放行了靜態資源攔截,我加了登入攔截器後靜態資源又被攔截器攔截了。

所以又得指定放行相關檔案,增加excludePathPatters就行

package com.bomc.enterprise.config; 
import com.bomc.enterprise.interceptor.LoginInterceptor;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.*;
 
@Configuration
public class WebConfig implements WebMvcConfigurer {
    //不註冊這個在過濾器中 service將報空
    @Bean
    public LoginInterceptor loginInterceptor(){
        return new LoginInterceptor();
    }
 
    //新增攔截器方法
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        //新增攔截路徑
        String[] addPathPatters={
                "/**"
        };
        //新增不攔截路徑
        String[] excludePathPatters={
    www.cppcns.com            "/","/login/login","/login/loginPage","/login/register","/**/*.css","/**/*.js","/**/*.png","/**/*.jpg","/**/*.jpeg","/**/*.gif","/**/fonts/*","/**/*.svg","/**/*.ttf","/**/*.woff","/**/*.eot","/**/*.otf","/**/*.woff2"
        };
        //註冊登入攔截器
        registry.addInterceptor(loginInterceptor()).addPathPatterns(addPathPatters).exclusRIQPPdePathPatterns(excludePathPatters);
        //如果多條攔截器則增加多條
    }
 
    //新增放行靜態資源
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations("classpath:/META-INF/resources/");
    }  
}

以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。