`

spring boot html调用js无效400解决办法

 
阅读更多

html板在templates下面,js文件在static下面,在模板中引用时不需要加static这个路径。

例如:

 

 

src
  └─main
     ├─java
     └─resources
         ├─static
         │  ├─css
         │  ├─img
         │  └─js
         │    └─test.js
         └─templates

 

 

在模板中引用test.js, 你引用的地址应当为/js/test.js,换成thymeleaf的属性则应当为<script th:src="@{/js/test.js}"></script>,其中的绝对地址可以换成相对地址。

 

分享到:
评论

相关推荐

    spring boot 本地图片不能加载(图片路径)的问题及解决方法

    在开发基于Spring Boot的应用程序时,常常需要处理静态资源,如图片、CSS和JavaScript文件等。当涉及到加载本地图片时,可能会遇到问题,主要是由于图片的URL在本地环境和服务器环境之间的差异。本文将深入探讨...

    Spring Boot引入swagger-ui 后swagger-ui.html无法访问404的问题

    总结来说,解决Spring Boot引入Swagger UI后`swagger-ui.html`无法访问的问题,关键在于正确配置Swagger的依赖和自定义`WebMvcConfigurer`以处理Swagger UI的静态资源。同时,为提升开发效率,前端可以利用相关工具...

    blog.rar_blog_java blog_删除博文

    对于博客系统而言,我们通常会采用Spring Boot框架,它简化了Spring的配置,并提供了快速开发新应用的方式。 1. **Spring Boot基础**:Spring Boot集成了Spring MVC,用于处理HTTP请求,同时内置Tomcat服务器,使得...

    踩坑整理1

    【知识点详解】 1. **Spring Security + JWT 配置**: 在使用Spring Security和JWT进行...以上是对给定内容中涉及到的各个知识点的详细解释,涵盖了Spring Boot、Vue.js、Spring Security和Spring MVC等多个方面。

    用JavaScript实现电子商务系统

    同时,后端可能使用Node.js或Java(如Spring Boot)来处理业务逻辑和数据库交互。压缩包中的"电子商城系统(JSP实现)"可能指的是使用Java Server Pages(JSP)技术来处理服务器端的视图渲染,它与JavaScript一起...

    React+Spring实现跨域问题的完美解决方法

    这通常在Spring Boot的配置类中完成,例如: ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { ...

    将人脸识别,人脸定位,人脸相似度对比,年龄,性别检测功能封装成REST API服务调用

    1. **后端开发**:使用Python的Flask或Django框架,或者其他支持RESTful API的服务器端语言(如Java的Spring Boot或Node.js的Express),构建API接口。接口设计应遵循REST原则,例如使用HTTP动词(GET、POST、PUT、...

    商业编程-源码-IP属地显示 v1.0.zip

    5. **后端处理**:如果项目包含服务器端,可能使用了如Node.js、Python Flask/Django、Java Spring Boot等后端框架,负责接收前端请求,处理IP查询,并返回结果。 6. **数据库集成**:在某些情况下,开发者可能会...

    SpringSJS:春天

    10. **与其他Spring技术的兼容性**:SpringSJS很好地融入了Spring生态,可以与Spring Boot、Spring Data、Spring Cloud等其他Spring组件协同工作,构建全方位的微服务解决方案。 综上所述,SpringSJS为Java开发者...

    学生成绩管理系统 开发思路.txt

    - **后端开发**:使用适合的语言和框架(如Java Spring Boot、Python Django等)构建后端服务。 - RESTful API:提供HTTP接口供前端调用,进行数据交互。 - 业务逻辑处理:验证数据完整性,处理复杂的计算任务等。...

    好例子网_iWeather.zip

    在后端处理中,开发者可能使用了诸如JavaScript(Node.js)、Python(Flask/Django)、Java(Spring Boot)或PHP等语言来构建服务器逻辑。这部分代码负责接收前端发送的城市名,调用API获取天气数据,然后返回给前端...

    人工智能微信小程序人脸识别之人脸属性检测

    开发者可以使用Spring Boot等框架构建RESTful API,以接收和响应图像数据。这里的关键是设计安全且高效的接口,确保数据传输的稳定性和安全性。 3. **百度人脸识别API**:为了实现人脸属性检测,我们需要接入百度的...

    分页组件

    在服务器端,可以使用各种编程语言(如Java的Spring Boot、Python的Django、Node.js的Express)配合数据库查询语句(如SQL的LIMIT和OFFSET)来实现分页逻辑。 工具方面,有一些现成的分页解决方案,比如在Java世界...

    学生成绩单邮件群发源代码

    这可能需要HTML、CSS和JavaScript来构建前端,而后端则可能采用Python的Flask或Django,或者Java的Spring Boot框架。 7. 性能优化:考虑到大量邮件的发送,源代码可能需要优化以提高效率,比如通过异步发送、批量...

    源代码:网站制作货币汇率.rar

    这可能涉及到如Node.js、Python的Flask或Django、Java的Spring Boot等后端技术。 4. **货币符号和代码**:了解ISO 4217标准,它定义了各国货币的国际标准代码,如USD(美元)、EUR(欧元)等,这对正确展示货币至关...

    SpringAngular:Mi proyecto春天

    2. **Spring Boot**:通常,Spring项目会使用Spring Boot进行快速启动,它集成了许多默认配置,简化了设置过程。 3. **Spring Data JPA**:如果项目涉及到数据库操作,Spring Data JPA可以简化数据访问,提供了一种...

    物品放置信息管理系统源码.zip

    后端语言可能包括Python的Django或Flask框架、Java的Spring Boot、Node.js的Express等。后端开发人员需要编写API接口,使得前端可以调用并处理数据。 4. **权限控制**:为了保护数据安全,系统通常会包含用户身份...

    android使用JSON进行网络数据交换(服务端、客户端)的实现.rar

    服务器端通常使用后端语言(如Java的Spring Boot、Node.js的Express等)接收客户端的请求,处理业务逻辑后返回JSON数据。服务器需要能够接收JSON数据(POST请求时),并将其转换为可处理的对象,同时也要能将处理后...

    集成websocket实现实时通信.zip

    若依是一款基于Spring Boot的开源后台管理系统,其设计目标是轻量、简洁,支持前后端分离,方便开发者快速构建项目。 集成WebSocket通常涉及以下几个步骤: 1. **服务器端配置**:首先,你需要在后端服务器上配置...

    基于微信小程序的点餐系统设计与实现 毕业论文.docx1.zip

    3. 后端技术:可以选择Node.js、Python、Java等后端语言,结合Express、Django、Spring Boot等框架构建API。 4. 数据库:MySQL或MongoDB等关系型或非关系型数据库,存储各类业务数据。 五、功能实现 1. 菜品展示:...

Global site tag (gtag.js) - Google Analytics