layui js 跳转页面_解决SpringBoot中无法访问js、css、img等静态资源的问题

最新推荐文章于 2022-08-15 21:46:59 发布

weixin_39625008

最新推荐文章于 2022-08-15 21:46:59 发布

阅读量557

点赞数

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

一. 异常问题

我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录，然后在html文件中我一开始如下图所示进行引用。

结果访问页面的时候，就导致了如下效果：

二. 原因分析

这是因为Springboot默认的静态资源路径为static，我们不需要再添加/static/前缀，所以需要使用正确的方式来引用，否则就会导致404的问题。

三. 解决办法

此时运行效果如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39625008

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

SpringBoot通过后台访问HTML页面

米斯特李的博客

07-15

2050

1、首先在pom.xml添加对HTML的相关依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> <version>2.1.3....

springboot配置访问静态html页面及css/js等资源

weixin_44020899的博客

08-15

5786

springboot配置访问静态html页面及css/js等资源1.创建springboot工程2.pom.xml3.以引入layui为例4.在templates文件夹下创建html页面html代码5.创建一个controller跳转页面6.大功告成，启动工程在浏览器数据http://localhost:8080/hello 1.创建springboot工程 2.pom.xml <?xml...

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

Spring Boot引入LayUI CSS报错layui.js:2 http://localhost:8093/js/css/modules/layer/default/layer.css?

Xiong_j_L的博客

07-04

1万+

Spring Boot启动服务后, 访问网页出现CSS 404 错误提示它引入的CSS却以JS开头. 正常引入的JS和CSS HTML代码 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" lang="en"> <head> <meta charset="u...

Springboot thymeleaf引入laui.js时路径问题

weixin_45848992的博客

05-21

363

thymeleaf模板引入static目录下的css文件和js文件，使用 <!DOCTYPE html> <html lang="en"> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>登录页</title> <link rel="stylesheet" type="text..

springboot整合layui问题：css，js样式文件解析失败

qq_44830103的博客

07-02

1085

在springboot整合layui过程中，遇到css和js文件解析失败的一种解决方法。（路径问题）在springboor的解析过程中，默认访问/resources/static的静态资源，所以如果将layui文件直接放入resources文件夹下，如下： web文件的css样式路径如下： <link rel="stylesheet" href="./layui/css/layui.css"> 会产生css，js找不到的情况。解决方法：我们创建一个static文件夹将layui放进去，如

html+css+js+vue实现静态的仿饿了么页面

07-01

在构建一个静态的仿饿了么页面的过程中，我们需要掌握HTML、CSS、JavaScript以及Vue.js这四门技术。这些技术在现代Web开发中扮演着至关重要的角色。下面将详细阐述每门技术的应用及其在项目中的作用。 1. HTML...

django找不到js文件_解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了...

weixin_39712016的博客

12-18

1451

1.今天网上下载一个博客项目，发现本地访问,js,css加载不了.我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下在settings.py里面编辑添加STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)另外把STATIC_ROOT = os.path.join(BASE_DIR, 'static')改为STATIC_ROOT = ...

HTML+CSS+JS构建的电商网站页面（源码）

07-14

在本项目中，"HTML+CSS+JS构建的电商网站页面（源码）"是一个针对初学者和学生设计的Web前端开发实践项目。这个项目利用HTML、CSS和JavaScript这三种核心技术来创建一个基本的电商网站界面，是学习前端开发的重要...

使用html+css+js实现一个静态页面（含源码）

VX_WJ88950106的博客

08-15

1118

👒 公司官网网站、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站......

springBoot 使用 Layui入门 HelloWorld

Just do it

11-07

2623

SpringBoot 使用 LayUI 一、使用 IDEA 构建 SpringBoot 项目点击Next 点击 Next 选择 springWeb 和 template Engines 最后设置项目名和项目存放位置点击 Finsh 就构建了项目到【LayUI】官网下载文件 https://www.layui.com/doc/ 把 layui 拷贝进 static 中，作为静态资...

SpringBoot页面跳转访问css、js等静态资源引用无效解决

weixin_44322045的博客

05-09

1398

SpringBoot页面跳转访问css、js等静态资源引用无效解决一、页面跳转具体controller如下：二、情况说明 SpringBoot整合thymeleaf实现的页面跳转，该页面引用外部css、js等静态资源。这是基本的界面：然后登陆失败会跳转回原来这个登录页面并显示错误信息，但却成了这样：原先的静态资源css、img都无法显示三、问题解决方案首先我们的页面是放在templates包下，而静态资源则放在static包下：这时我查看了要跳转的index.html页面：原以

SpringBoot项目搭建LayUI框架，以及引入LayUI框架js、css的问题总结

搁浅的博客

05-14

1万+

SpringBoot项目搭建LayUI框架，以及引入LayUI框架js、css的问题总结一、SpringBoot项目搭建LayUI框架：二、引入css、js所遇到的问题：三、造成引入js和css问题的原因：一、SpringBoot项目搭建LayUI框架： 1、首先在官网下载LayUI前端文件，解压。 2、将解压后的文件夹里找见存放css和js的layui文件夹，将整个文件夹复制粘贴到src/ma...

springboot+shiro+layuimini实现后台管理系统的权限控制（一）基础环境搭建

superyu1992的专栏

07-21

2664

目前，使用ApacheShiro的人越来越多，因为它相当简单，对比SpringSecurity，可能没有SpringSecurity做的功能强大，但是在实际工作时可能并不需要那么复杂的东西，所以使用小而简单的Shiro就足够了。对于它俩到底哪个好，这个不必纠结，能更简单的解决项目问题就好了。基本上就是普通web前端的项目结构，唯一要说明的一点就是api文件夹，api文件夹下放的是静态的json文件，用来渲染数据用的，后面我们会用接口来替换掉。2、配置application.yml。.........

Django使用Layui框架，静态文件 (js,css,image等)404 无法访问，问题汇总及解决办法！

m0_47469953的博客

07-13

2265

问题重现基于layui框架开发的页面在vscode可正常打开，但将整个前端代码放进django项目中，样式丢失出现样式无法加载后，首先应该做如下操作： 1.在.html文件中第一行加上 {% load static %} {% load static %} <html> <head> <meta charset="utf-8"> 2.引用了静态资源的代码里这样引用{% static ’ #原始路径’ %} <link rel="stylesheet

js执行location.href不跳转问题

热门推荐

04-12

2万+

location.href不跳转问题今天一位同事碰到一个问题，用JS设置了location.href就是不跳转的问题。经过分析，发现是这个原因

layui autocomplete_SpringBoot+Mybatis+layUI实现用户的信息管理系统

weixin_39799646的博客

11-25

1306

通过Spring Initializr创建Springboot项目项目目录结构项目创建成功后把修改属性文件改成yml文件Springboot集成thymeleaf添加thymeleaf依赖 <dependency> <groupId>org.springframework.bootgroupId> <artifactId>spr...

layui js 跳转页面_Spring Boot + LayUi登陆遇到问题记录

weixin_39782433的博客

11-22

753

在使用Spring Boot 和LayUi Admin做项目的时候，因为之前没有用过layUI Admin这个框架。所以，在第一个页面登陆。就不知道怎么弄。我们先看页面效果：在看看页面中怎么使用：css引入：js引入：说明：layui相关文件在resource下目录：需要说明：我的项目名是空的。所以我就把layuiadmin相关的文件直接放到了static下。如果相关文件在layuiadmin文件...

springboot + thymeleaf + layui --其中解决页面加载css、js静态文件404

jiekou0376的博客

11-01

8346

一、新建项目项目最终目录结构： /static/libs 包下放入下载下来的layui包即可。二、解决页面加载css、js静态文件404 1. 错误代码及页面显示 --第6行及第115行引入 2. 正确的引入及页面显示 --第6行及第115行引入三、源码 github: https://github.com/wangbiao0376/t...

springboot静态资源无法访问

Kevinnsm的博客

01-02

367

前言今天使用springboot+layui+shiro实现一个前后端分离的商城后台系统，一个小小静态资源（image)问题搞了一下午；还好坚持了下来，否者崩溃、吐血都是小事???????????? 这是引入的路径这是图片的实际路径自己真的是反复的修改路径，然后还在application.yml文件中手动实现静态资源路径，不停的重启服务器；不停的访问与测试；最离谱的是过了一会这么多图片居然能访问第一张1.png；心态崩了????，我都怀疑是IDEA故意气我的了。那我是任何解决的呢？最后我发现

前端基石：HTML+CSS+JS布局与页面切换技巧详解

`<img>`标签用于图片显示，包括静态图片、动态GIF和嵌入视频，还支持地图链接（通过`<map>`标签和`<area>`）。 4. **表格布局与细节**: `<table>`标签用于创建表格，通过`border`、`cellspacing`和`cellpadding`...