CSS和JS文件未加载

Question

当我尝试在服务器CSS上运行此项目时，这是我的项目结构，并且无法加载JS文件。

下面是我用来添加CSS / JS的代码

<script src="js/jquery.min.js"></script>

<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

我正在使用MyEclipse作为IDE

Answer 1

如果您在jsp中使用，请尝试使用此类

<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/form.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">

Answer 2

您必须将您的网站项目名称放在css文件的地址路径之前

<link rel="stylesheet" href="/YourProjectName/css/XXX.css" type="text/css">

或以更动态的方式：

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/XXX.css" />

Answer 3

在jsp上定义这些变量。

<%
String scheme = request.getScheme();
String serverName = request.getServerName();
int serverPort = request.getServerPort();
String contextPath = request.getContextPath();
String uri = scheme + "://" + serverName + ":" + serverPort + contextPath ;
String uriGeneral = scheme + "://" + serverName + ":" + serverPort;
%>

当你需要css或js时，只需这样做：

 <link type="text/css" rel="stylesheet" href="<%=uriGeneral%>/yourModule/resources/css/Style.css"/>

 <script type="text/javascript" src="<%=uriGeneral%>/YourModule/resources/js/jquery/jquery.js"></script>