1

ローカルでハンドソン可能なスプリングブートアプリケーションにインストールしようとしています。ダウンロード後、handsontableをresourceフォルダに移動し、css、jsファイルへのパスを登録したのですが、ブラウザがファイルが見つからないというエラーを返し続けます。

handsontable:7 GET http://localhost/src/main/resources/static/handsontableV/dist/handsontable.full.min.js net::ERR_ABORTED 404

私のプロジェクト構造:

ここに画像の説明を入力

私のhtml：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"
      xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <title>Spring Security Example </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="src/main/resources/static/handsontableV/dist/handsontable.full.min.js" media="screen">
    <script src="src/main/resources/static/handsontableV/dist/handsontable.full.min.js"></script>
<!--    <script src="https://cdn.jsdelivr.net/npm/handsontable@8.2.0/dist/handsontable.full.min.js"></script>-->
<!--    <link href="https://cdn.jsdelivr.net/npm/handsontable@8.2.0/dist/handsontable.full.min.css" rel="stylesheet" media="screen">-->

    <link rel="stylesheet" href="/webjars/bootstrap/4.5.3/css/bootstrap.min.css" />
    <script src="/webjars/bootstrap/4.5.3/js/bootstrap.min.js"></script>
    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>
</head>

WebConfig :

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry
                .addResourceHandler("src/main/resources/static/handsontableV/dist/handsontable.full.min.js")
                .addResourceLocations("src/main/resources/static/handsontableV/dist/handsontable.full.min.js");

        registry
                .addResourceHandler("src/main/resources/static/handsontableV/dist/handsontable.full.min.css")
                .addResourceLocations("src/main/resources/static/handsontableV/dist/handsontable.full.min.css");

        registry
                .addResourceHandler("/webjars/**")
                .addResourceLocations("/webjars/");

    }
}

WebSecurityConfig :

@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Autowired
    private UserService userService;

    @Autowired
    private PasswordEncoder passwordEncoder;

    @Bean
    public PasswordEncoder getPasswordEncoder() {
        return new BCryptPasswordEncoder(8);
    }

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().disable()
            .authorizeRequests()
            .antMatchers("/login", "/registration","/webjars/**", "/static/**").permitAll()
            .anyRequest().authenticated()
            .and()
            .formLogin()
            .loginPage("/login")
            .permitAll()
            .and()
            .logout()
            .permitAll();
    }

    @Override
    public void configure(WebSecurity web) throws Exception {
        web
                .ignoring()
                .antMatchers("/resources/**");
    }

Google Chrome からの応答:

ここに画像の説明を入力

理解できません。パスを static/handsontableV/dist/handsontable.full.min.js に変更してみました

しかし、うまくいきません。春がファイルを表示しない理由は何ですか?

4

1 に答える 1