springboot中html要用静态文件路径问题

假如访问：http://localhost:8080/aaa/bbb/common.html

第一种：

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

得到的路径是：http://localhost:8080/js/common.js

 

第二种：

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

得到的路径是：http://localhost:8080/aaa/bbb/js/common.js

第三种：

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

得到的路径是：http://localhost:8080/aaa/js/common.js

总结：推荐使用第一种，因为第一种不会随着访问路径改变而改变

还有一种：‘ // ’前面不在加上http://localhost:8080

<img class="img" src="//himg1.qunarzz.com/imgs/201808/06/C._M0DCiiYN7sJNfmvi120.jpg"
                     data-url="//himg1.qunarzz.com/imgs/201808/06/C._M0DCiiYN7sJNfmvi120.jpg">

2019.10.24

      springboot项目中使用第一中引入路径方法后，将项目发布到linux服务器上，该服务器上的tomcat已经发布过其他项目，

     我们知道一个tomcat不同项目访问路径是：ip/项目名/index.html .

     这里问题就来了，采用第一种方法读取静态文件得到的路径是：ip/js/common.js , 而真实路径是：ip/项目名/js/common.js

解决方法：发布项目前将 项目名 插入即可。（这个方法毕竟太麻烦了。未完待续...）

2019.10.25

配置去掉项目名和端口号即可：https://blog.csdn.net/weixin_42553433/article/details/87886502