jsp文件中引入js、css文件失败问题_jsp文件引入bootstrap javascript失败-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_20565303/article/details/77884493

本文介绍了解决JSP页面加载JS和CSS文件失败的问题，通过配置SpringMVC来正确引用静态资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近刚搭建了个项目，在jsp中引入js、css文件时失败，用绝对路径和相对路径均失败原因：

文件结构：

jsp代码：

<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    System.out.println(basePath);
%>  
<html>
<head>
    <title>小程序后台登录</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="${basePath}assets/js/bootstrap-3.3.7/dist/css/bootstrap.css">
    <script type="text/javascript" src="${basePath}assets/js/jquery/jquery-3.2.1.js"></script>
    <srcipt type="text/javascript" src="${basePath}assets/js/bootstrap-3.3.7/dist/js/bootstrap.js"></srcipt>
</head>

中间使用的绝对路径引入失败，修改为相对路径也失败。

解决方法：

由于在浏览器的开发者模式下，发现引入静态文件报错404，所以访问不了资源，

需要在springmvc.xml文件中配置静态资源目录：

	<!-- 配置资源映射 -->
	<mvc:resources location="/assets/" mapping="/assets/**"/>

然后就OK了。