ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

springboot 项目中css js 等静态资源无法访问的问题

2019-07-15 21:54:02  阅读:354  来源: 互联网

标签:springboot 8090 layui 无法访问 js 问题 根目录 css


目录

问题场景

今天在开发一个springboot 项目的时候突然发现 css js 等静态资源竟然都报404找不到,折腾了好久终于把问题都解决了,决定写篇博客,纪录总结一下。给同样踩坑的同学参考一下,同时自己也免得以后忘记了又要重新花时间折腾。

  • 项目结构如下:

uploading-image-625412.png

templates 文件目录下的html,引用了static 目录下的css js ,访问的时候报404。

  • 引用方式如下
<link rel="stylesheet" href="/layui/css/layui.css" media="all">

<script type="text/javascript" src="/layui/layui.js"></script>

问题分析

此种写法,网页渲染出来的样子是这样的:

<link rel="stylesheet" href="/layui/css/layui.css" media="all">

<script type="text/javascript" src="/layui/layui.js"></script>

uploading-image-275404.png

http://localhost:8090/layui/css/layui.css

http://localhost:8090/layui/layui.js
  • 由以上的链接我们可以看出,访问路径中缺少了 项目的 contextPath ,我当时也是由于没有仔细看这个访问链接导致找错了方向一直以为是其它是其它的问题,白白浪费了好长的时间。
server:
  port: 8090
  servlet:
    context-path: /giddy 

其实也是对相对路径和绝对路径的理解不够才造成了这个问题,网上查到一些相关资料。
HTML使用相对路径获取各级目录下文件方式详解

uploading-image-874220.png

  • 什么是根目录?

    根目录是指逻辑驱动器的最上一级目录,本地根目录例如C盘、D盘等;
    网站根目录指的是一个服务器上同时放置多个站点使用,或者一个大规模站点需要放置在几个服务器上。
    根目录用“/”表示,例如D盘下images文件夹里名称为“aaa.jpg”文件,代码为:/images/aaa.jpg。

标签:springboot,8090,layui,无法访问,js,问题,根目录,css
来源: https://www.cnblogs.com/hoonick/p/11191735.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有