idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。

问题描述:

   用idea搭建springboot项目,项目发布部署成功,但是静态html页面不能引用js : jQuery库和自定义的js脚本。

在idea中可以正常访问(ctrl+左点击):

idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。_第1张图片

js的jQuery库和自定义的js均未正确发布到tomcat下。页面访问不能正常引用:报错404:

idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。_第2张图片

解决方案一(推荐):在yml配置文件中添加如下配置:

mvc:
  view:
    prefix: /templates/
    suffix: .html
  static-path-pattern: /static/**
 
  

idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。_第3张图片

解决方案二 :html页面 引用去除/static。(springboot 默认指定静态资源到static目录,则不需要再次指定)

idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。_第4张图片

解决方案三 :独立写一个资源配置类,继承WebMvcConfigurerAdapter类,并重写addResourceHandlers方法:

@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {

    /**
     * @Description 静态资源路径
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
        super.addResourceHandlers(registry);
    }
}

解决后正确引用jQuery库,并展示:

idea搭建springboot项目,解决js/css不能引用,页面报404错误的三种方法。_第5张图片



你可能感兴趣的:(springboot搭建项目)