html文件相对路径引用

本例环境是eclipse + 基于maven的web项目 + jdk7 + springmvc
1.本例目录如下截图

2.本例中static,views,WEB-INFO均在根目录下,且三个目录同级
3.应用场景
本例应用是views目录下的index.html要引用static目录下的各种js,css等组件
可以如下引用:
<link rel="stylesheet" href="../static/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/css/font-awesome.min.css">
<link rel="stylesheet" href="../static/css/AdminLTE.min.css">
<link rel="stylesheet" href="../static/css/all-skins.min.css">
<link rel="stylesheet" href="../static/css/main.css">
<script src="../static/libs/jquery.min.js"></script>
<script src="../static/libs/vue.min.js"></script>
<script src="../static/libs/router.js"></script>
<script src="../static/libs/bootstrap.min.js"></script>
<script src="../static/libs/fastclick.min.js"></script>
<script src="../static/plugins/layer/layer.js"></script>
<script src="../static/js/index.js"></script>
其中, ../表示在index.html的上级目录
例如本项目名称是generator,在本地部署ip: 127.0.0.1 端口号:8080
那么<script src="../static/js/index.js"></script>就等价于
http://127.0.0.1:8080/generator/static/js/index.js
如上纯html文件引用js,css组件能生效.
4.注意
本例是springMVC项目,所以在配置springMVC的视图文件解析时需要加上如下配置:
<mvc:default-servlet-handler />
作用:对静态资源文件的访问,将无法mapping到Controller的path交给default servlet handler处理
5.效果就是如下url可以正常访问
http://127.0.0.1:8080/generator/views/index.html
以上,TKS.

html文件相对路径引用相关推荐

vue.js 发布后路径引用问题
但是一旦放在了非根目录的其他文件夹里面,这时候index.html里引用的js和css文件路径都会找不到错误如下打开index.html文件发现里面引用的文件路径不对这里只需要更改config/ ...
Linux下gcc编译中关于头文件与库文件搜索路径相关问题
如何指定GCC的默认头文件路径网上偶搜得之,以之为宝:) 原地址:http://blog.chinaunix.net/u/28781/showart.php?id=401631 ========== ...
[转]Linux C语言头文件搜索路径
转自:http://hi.baidu.com/ilonng/blog/item/a0232435fbcfb90490ef390d.html/cmtid/68d4ab7bbb8026fb0ad187be ...
Electron中实现拖拽文件进div中通过File对象获取文件的路径和内容
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/a ...
C和C++中include 搜索路径的一般形式以及gcc搜索头文件的路径
C和C++中include 搜索路径的一般形式对于include 搜索的路径: C中可以通过 #include <stdio.h> 和 #include "stidio.h&q ...
log4j中配置日志文件相对路径方法
提醒:本文并不是本人的原创,转载自 http://www.zxbc.cn/html/20080402/33022_4.html ,将原文中的代码和读取来别扭的语句略作修改以使读者更容易理解作者的意思, ...
js相对路径相关（比如：js中的路径依赖导入该js文件的路径）
问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. ...
WPF 获得文件夹路径 FolderBrowserDialog
WPF 获得文件夹路径可用FolderBrowserDialog类, 添加System.Windows.Forms引用, 并引用命名空间using System.Windows.Forms; priv ...
c#与获得文件夹路径,站点目录
本次情况是在系统内的3级目录内,要上传一文件,保存到系统的二级目录,按以往知识: FileUpload1.PostedFile.SaveAs(Server.MapPath(".") ...

html文件相对路径引用

html文件相对路径引用相关推荐

最新文章

热门文章