SpringBoot中的html页面加载不到js,css等_YUEXILIULI的博客-程序员秘密

技术标签: 加载  html  Springboot  

第一步:将js,css等文件放入static文件夹下。
(我是先把css,js等文件夹放入了indexStyle文件夹下,再把indexStyle文件夹放到了static文件夹下。)
如图所示:
在这里插入图片描述
index.html里面的href连接会自动变更路径,这时需要进行第二步。

第二步:删去href引用文件的部分链接。即,删去“…/static/”
修改之前:

href="../static/indexStyle/css/style.css"

修改之后

href="indexStyle/css/style.css"

这样就能显示样式了!
如下图:
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/YUEXILIULI/article/details/103090323

智能推荐

类Pinterest Web原型制作分享——花瓣网_摹客的博客-程序员秘密

这是一家基于兴趣的社交分享网站,网站为用户提供了一个简单地采集工具,帮助用户将自己喜欢图片重新组织和收藏。网站布局美观合理,内容丰富。此原型模板所用到的组件有按钮栏、菜单栏、搜索框、水平分割线。交互动作有鼠标悬停文字按钮颜色改变效果,鼠标按下文字按钮颜色改变效果,按钮跳转页面,利用按钮栏实现table切换效果。本原型由国产原型工具Mockplus制作完成。   这个...

Django配置celery执行异步任务和定时任务_ops-coffee的博客-程序员秘密

所有演示均基于Django2.0celery是一个基于python开发的简单、灵活且可靠的分布式任务队列框架,支持使用任务队列的方式在分布式的机器/进程/线程上执行任务调度。采用典型的生产者-消费者模型,主要由三部分组成: 1. 消息队列broker:broker实际上就是一个MQ队列服务,可以使用redis、rabbitmq等作为broker 2. 处理任务的消费者workers...

linux C/C++常用头文件_五彩缤纷的代码世界的博客-程序员秘密_linux常用头文件

1 数据类型1.1 stdint.huint8_tuint16_tuint32_t1.2 stdbool.h C语言中是没有bool类型的(C++中有),若要使用此类型,需要包含头文件stdbool.h。falsetrue1.3 stddef.hcsize_t// 机器相关的无符号类型,它被设计的足够大以便能表示内存中任意对象的大小。ptrdiff_t// 表示指针相减的结果,是一种带符号类型。NULL2 变量2.1 errno.herrno2.2 stdlib.hEXIT_

Shell判断上次命令执行失败时退出_crabdave的博客-程序员秘密

Shell判断上次命令执行失败时退出 if [ $? != 0 ]; then    echo "err"    exit 0fi 返回错误使用exit 1 参考:https://zhidao.baidu.com/question/584426878.html...

腾讯内部疯狂传阅的Netty源码剖析笔记,收藏量竟已破‘亿’_普通网友的博客-程序员秘密

Netty到底是什么?有了Netty,你可以实现自己的HTTP服务器,FTP服务器,UDP服务器,RPC服务器,WebSocket服务器,Redis的Proxy服务器,MySQL的Proxy服务器等等。所以今天介绍的这份文档就是围绕着Netty来讲解的《Netty源码剖析与应用》文档的主要特点:本文档包含大量的分布式底层架构的编写,涉及多线程、负载均衡算法、性能调优、线上问题紧急处...

【MATLAB】App Designer程序发布部署打包(打包exe程序)_老子姓李!的博客-程序员秘密_app designer 打包

将写好的程序,打包一下,比如exe程序,这样就可以在别的电脑也可以运行了。matlab打包方式有如下三种打包方式1.打包成MATLAB App1.1打包以matlab小组件方式打包,别的电脑使用需安装matlab输入对应信息1.2 安装1.3 使用在matlab主界面,打开APP列表,点击就能使用了。2.打包成exe程序2.1 点击独立桌面 APP2.2 输入信息输入个人信息2.3 点击package等待打包完成点击exe程序就可以运行了...

随便推点

Vue-Cli相关_陈坚泓的博客-程序员秘密

Vue-Cli相关该系统的组件CLICLI 服务CLI 插件CLI 服务使用命令vue-cli-service servevue-cli-service buildvue-cli-service inspect查看所有的可用命令缓存和并行处理Git Hook配置时无需 Eject浏览器兼容性browserslistPolyfill现代模式HTML 和静态资源HTMLIndex 文件插值PreloadPrefetch不生成 index处理静态资源从相对路径导入URL 转换规则public 文件夹何时使用 pu

微软面试100题之14题:输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字。_金融行业的一个码农的博客-程序员秘密

题目:输入一个已经按升序排序过的数组和一个数字,在数组中查找两个数,使得它们的和正好是输入的那个数字。要求时间复杂度是O(n)。如果有多对数字的和等于输入的数字,输出任意一对即可。例如输入数组1、2、4、7、11、15 和数字15。由于4+11=15,因此输出4 和11。

rsync文件同步_阿无@[email protected]的博客-程序员秘密_rsync文件实时同步

我最近在使用rsync,但是一直在这三者之间徘徊rsync、inotify、sersync。于是记录一下这三者之间的关系。rsync是把文件进行同步的工具,具有很好的实时性。inotify是监控某文件,并记录其中有什么文件做了改变,需要写脚本进行调用rsync的命令进行文件同步。sersync是在inotify的基础上做了包装,可以自动调用rsync。1、rsync的部署与使用1、服务说明Rsync 是一款开源,快速,多功能,可实现全量及增量(差异化)的本地或远程数据同步备份工具,适用于 Lin

史上最详细的webpack 讲解3 (webpack.base.conf.js基础配置)_weixin_33868027的博客-程序员秘密

作者混元霹雳手-Ziksang隔了好几天了,我终于又出来了,今天我给大家讲讲vue-cli中webpack.base.conf.js的基础配置,看看尤大神对这些配置做了那些重要性的处理的,不用看webpack-cli已经是一个很成熟的脚手架了,对于它的配置在webpack的更新中,作者也不停的更新,其中也有其实中的函意和道理首先对引入的模块有那些,那为什么要引入这些模块var path ...

[iOS]UIButton+Badge_风浅月明的博客-程序员秘密

Demo:https://download.csdn.net/download/u012881779/11950106项目中看到大佬写的UIButton+Badge非常不错,这里写个demo修复了一些bug后分享下.示意图:#import "InfoViewController.h"#import "UIButton+Badge.h"@interface InfoViewContr...

时钟频率(HZ)与数据传输速率(bit/s)_Archie_java的博客-程序员秘密_spi时钟频率和数据传输率

时钟频率(HZ)与数据传输速率(bit/s)两者是相同的概念。举例:IIC传输位速率在标准模式下可达100kbit/s,其中100kbit/s 是指1秒钟传输100kbit。1个时钟脉冲只能传输1bit数据。1秒中内要传输100kbit数据,则需要100k个时钟脉冲。每个时钟脉冲的周期 T=1/100 000 = 10us。方波在1秒钟内的重复变化次数称为信号的“频率”,用F表示;而把信号波形变化一次所需的时间称作“周期”,用T表示,以秒为单位。频率和周期有如下的关系:F=1/T因此,如果时钟脉冲周