spring boot js无法访问

最新推荐文章于 2025-10-18 15:27:09 发布

转载最新推荐文章于 2025-10-18 15:27:09 发布 · 506 阅读

文章标签：

#spring boot

本文介绍了在前端项目中如何正确配置HTML模板中的JS文件引用路径。通常情况下，JS文件会被放置在static目录下，而在HTML模板（位于templates目录）中引用这些JS文件时，可以直接使用相对路径而无需包含'static'作为路径前缀。

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

在模板中引用test.js, 你引用的地址应当为/js/test.js，其中的绝对地址可以换成相对地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

binary_king

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

09-07

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

3207257-Spring Boot+Vue全栈开发实战.pdf

01-26

《3207257-Spring Boot+Vue全栈开发实战.pdf》这份文档便是一本专注于讲解如何使用Spring Boot和Vue.js进行全栈开发的实战教程。本书旨在帮助读者通过实战项目的方式，深入理解和掌握全栈开发的关键技术和实践方法。...

参与评论您还未登录，请先登录后发表或查看评论

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

赵树祥的博客

09-20

6487

html板在templates下面，js文件在static下面，在模板中引用时不需要加static这个路径。例如: src └─main ├─java └─resources ├─static │ ├─css │ ├─img │ └─js │ └─te

解决SpringBoot中无法访问js、css、img等静态资源的问题

一一哥

05-21

2493

解决SpringBoot中无法访问js、css、img等静态资源的问题一. 异常问题我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录，然后在html文件中我一开始如下图所示进行引用。结果访问页面的时候，就导致了如下效果：二. 原因分析这是因为Springboot默认的静态资源路径为static，我们不需要再添加/static/前缀，所以需要使用正确的方式来引用，否则就会导致404的问题。三. 解决办法

Spring Boot与Vue.js整合开发实战项目

热门推荐

weixin_44683593的博客

11-29

1万+

注：本文并非自己原创，而是借鉴很多人的经验，总结方便自己使用 html 文件放在resources/templates下，在Controller请求处理方法返回时会自动到这个目录下查找： js/css 等静态资源放在=resources/static=下，在html中引入时，会自动到这个目录下查找: @RequestMapping("/helloSocket")//注意：这里有requestMa...

在SpringBoot中Java调用JS，实现即配即用API

weixin_38390086的博客

07-03

2665

但是java语言有个特性，必须进行编译，然后才能执行，但是javascript脚本能直接执行，所以我们的每个流程通过js实现核心逻辑，并将js配置到数据库，即可实现即配即用的能力。这样我就可以通过FlowBean的配置在这4个流程中进行调用，并且流程可重复执行，只要配置不一样就会获取不一样的结果。数据校验一般都是给定值，给定校验规则，如果符合要求则校验通过，否在校验不通过抛出异常。以上4个实现对应4个流程，每个流程依赖config配置，我们再定义一个流程配置对象。不知各位元芳怎么看？

Springboot整合Thymeleaf引入公共的CSS和JS文件的方法

hyc_zzn520的专栏

12-21

2488

Springboot整合Thymeleaf引入公共的CSS和JS文件的方法，使用th:replace标签

Spring boot web 访问

05-08

对于访问HTML页面，Spring Boot默认在`src/main/resources/static`目录下查找静态资源，包括HTML、CSS、JavaScript等。我们将HTML文件放在该目录下，就可以通过URL直接访问。例如，一个名为`index.html`的文件，可以...

基于Spring Boot 3和Vue 3的实战项目开发设计源码

10-02

本项目是一个结合了Spring Boot 3和Vue 3技术栈的实战项目，源码结构清晰，类型丰富，为开发者提供了学习和应用现代Web开发技术的全面案例。通过包含不同类型的文件，如Java源文件、Vue组件、配置文件、JSON数据文件...

精选资源

spring-boot-blueprint：使用Keycloak和Vue.js的Spring Boot蓝图

02-06

该项目旨在为使用Spring Boot和Vue.js构建和部署全栈Web应用程序提供一个非常少见但具有现代功能的完整蓝图。该蓝图对于希望使用合理的默认值开始构建Web应用程序但又希望保持灵活性的人们很有用。因此，此蓝图...

boot.js——前端引用的js

02-04

前端引用的js。前端引用的js。前端引用的js。前端引用的js。前端引用的js。前端引用的js。前端引用的js。

spring boot项目多个web模块以及web模块复用问题

左直拳的马桶_日用桶

12-10

3563

我们想从网上找一个现成开源的后台管理框架，几经比较，选中若依（ruoyi），技术栈与我们当前所用非常接近，MIT许可，相当宽松，完全开源和免费。而且，里面的功能看上去非常棒，赶紧给她投了一票。我下载的是多模块版本。多模块好处多多，利于分开开发，代码也有一定的隔离性。在应用该框架的过程中，也很自然的想实施这一思想：新增的业务管理模块，应当与原先的模块分开。但这样的话，就会有一个spring boo...

SpringBoot引用外部js、css文件

Dreamvvcc的博客

07-18

1753

@Configuration public class WebConfig extends WebMvcConfigurationSupport { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { //将所有/static/** 访问都映射到classpa...

springboot访问静态页面，并加载css、js样式

qq_45947664的博客

09-16

6319

src="/js/jquery.min.js" 也就是地址 src="/static/js/jquery.min.js"2、因为是通过地址栏访问，所以使用@GetMapping注解，注解后的内容可随意写，访问时的地址就是：“3、return“ ”里面填的字符串一定要是自己放入templates里的html页面的名字。1、一定要用@Controller注解，不能用@Restcontroller；虽然href或src内的内容idea会标识不认识，但地址是没有问题。

Springboot访问templates下的html页面，CSS，JS失效

pz641的博客

03-02

2869

1.maven中加入依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId&gt...

Spring Boot配置文件放在jar外部的几种方案

Alex的博客

06-03

9290

springboot读取外部配置文件的方法，如下优先级：第一种是在执行命令的目录下建config文件夹。（在jar包的同一目录下建config文件夹，执行命令需要在jar包目录下才行），然后把配置文件放到这个文件夹下。第二种是直接把配置文件放到jar包的同级目录。第三种在classpath下建一个config文件夹，然后把配置文件放进去。第四种是在classpath下直接放配置文件。 springboot默认是优先读取它本身同级目录下的一个config/application.properties

SpringBoot html中引用本地js文件失败的问题

xiaojiang2856的博客

03-06

7142

1、问题描述想在项目中使用jquery，于是从jquery官网下载了最新版本（手动从浏览器中复制到本地的js文件中），并在html文件中添加了引用。目录及引用情况如图。 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Insert title her...

HTTP协议

weixin_55451307的博客

03-10

904

文章目录1.什么是服务器2.什么是Web服务器3.什么是HTTP协议?3.1HTTP协议在工作时所遵循的基本原则：3.2 HTTP请求3.2.1 请求行3.2.2若干请求头3.3 HTTP响应3.3.1状态行3.3.2若干响应头3.3.3响应实体内容3.4 GET提交和POST提交3.4.1GET提交3.4.2POST提交总结4.Servlet4.1Servlet生命周期4.2Servlet响应流程5.静态页面和动态页面5.1 Thymeleaf框架6.Cookie和Session6.1 Cookie6.2

spring boot无法访问页面

09-11

Spring Boot 无法访问页面的原因和解决办法如下： ### 服务器端问题 #### 代码逻辑错误代码中可能存在死循环、长时间阻塞的操作，导致请求无法及时响应。例如在控制器方法中使用了无限循环，没有正确的终止条件： ...