web静态页面资源访问路径问题

我使用的是idea,今天搭建一个项目时遇见了css和js路径错误,导致浏览器获取不到资源路径
这是我最开始写的路径

<link href="/main/loginMain.css" rel="stylesheet" type="text/css">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="/main/loginMain.js" type="text/javascript"></script>

然后浏览器就报错

这就比较郁闷了,idea中点击链接可以跳转到css和js文件啊!!!
回想了一下相对路径和绝对路径的知识,才明白路径确实写错了,但是idea为什么能链接到文件,就不知道了,在这里记录一下关于资源路径的知识。

1.使用相对路径
.代表当前文件夹
./xxx.js
..代表上一级文件夹
../xxx.js
2.使用绝对路径
开头使用/代表根目录,从tomcat的webapps文件夹开始
/ProjectName/file1/xxx.js
开头使用文件夹名,从web文件夹开始
file1/xxx.js

猜你喜欢

转载自www.cnblogs.com/mlr-wjy/p/12014229.html