问题描述
这是一个跟着慕课视频做项目时遇到的问题:
视频中老师在shopoperation.html中导入js文件时是这样用的:
<script type='text/javascript'
src='../resources/js/shop/shopoperation.js' charset='utf-8'></script>
然后项目结构图是这样的:
shopoperation.html所在的路径是’src/main/resources/webapp/WEB-INF/html/shop‘,如果用’…/'来表示返回上一级目录应该返回到’src/main/resources/webapp/WEB-INF/html’下,但是
<script type='text/javascript'
src='../resources/js/shop/shopoperation.js' charset='utf-8'></script>
给人的感觉使用’…/'后直接返回到了webapp下?这和我的认知产生了矛盾。
问题解决
在慕课课程的回答里找答案:
路径以Tomcat实际发布的路径为准,不是以在eclipse上看到的项目路径为准。
启动Tomcat后在页面上点击F12查看项目结构:
如果以在tomcat上发布的项目为准,’…/‘后退到的路径是o2o(就是我做的这个项目的名称),那src=’…/resources/js/shop/shopoperation.js’ 自然可以找到shopoperation.js文件。
访问本页面的URL是http://localhost:8080/o2o/shopadmin/shopoperation。也许Tomcat发布项目的路径就是URL中的路径?
验证
对上一部分做了进一步的验证:
把
<script type='text/javascript'
src='../resources/js/shop/shopoperation.js' charset='utf-8'></script>
中的路径改成了
<script type='text/javascript'
src='/o2o/resources/js/shop/shopoperation.js' charset='utf-8'></script>
JS文件依然被正确地找到了。