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

来源：https://www.cnblogs.com/mlr-wjy/p/12014229.html