Spring Boot:引用js,css,jquery静态资源报错

Spring Boot:引用js,css,jquery静态资源报错

  • 报错背景
    • 错误方法一
    • 方法一报错
    • 解决方法
    • IDEA中的Spring Boot 引用
    • 解决办法

报错背景

最近一直在使用Bootstrap框架,可以快速在下面网页上搭建前端界面。ibootstrap
但是搭建完,需要引用css,js,以及jquery,这样效果才可以使用。

错误方法一




上面是我使用的方法,可以直接在网站上引用这些代码。

方法一报错

但是第二天,这方法突然没有了,并且前台报错

Refused to execute script from ‘https://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
Spring Boot:引用js,css,jquery静态资源报错_第1张图片
网站上的用不了,那我下载换成本地的吧。

解决方法

倒腾了一早上,终于找到了解决方法,并且在Spring Boot 上的一些坑也解决了,希望你们可以得到帮助。

下面是eclipse里的SSM项目
Spring Boot:引用js,css,jquery静态资源报错_第2张图片

WEB-INF里的Homepage.jsp 需要引用static 里的静态资源
Spring Boot:引用js,css,jquery静态资源报错_第3张图片





<%
	pageContext.setAttribute("APP_PATH",request.getContextPath());
%>



主页




你可以用这个方法引入。这里的travel是项目的名字。




当然你也可以这样,加上项目的名字

IDEA中的Spring Boot 引用

下面是IDEA里的Spring Boot项目
Spring Boot:引用js,css,jquery静态资源报错_第4张图片

解决办法

你可以用这个方法引入。




    
    买家商品列表
    
    
    




在applocation.yml文件中添加

spring:
  mvc:
    static-path-pattern: /**


你可能感兴趣的:(Spring,Boot,eclipse使用)