在spring maven项目中无法从html访问css和js答案

【问题标题】：Not able to access css and js from html in spring maven project在spring maven项目中无法从html访问css和js
【发布时间】：2018-03-28 10:05:04
【问题描述】：

我已经解决了大多数与从 jsp 页面访问 css 和 js 相关的 SO 问题，但还没有找到解决方案。我可以从浏览器访问我的 html 页面、css 和 js，因此 spring 能够正确映射我的所有资源，但我的 html 页面没有访问我的 css 和 js。

这是我的目录结构：

    src/main/webapp/static/css/app.css  
    src/main/webapp/static/js/fieldNamesCntrl.js  
    src/main/webapp/WEB-INF/views/docView.html

我的 servlet 包含：

    <mvc:annotation-driven />
     <mvc:resources location="/WEB-INF/views/" mapping="/views/**" />
      <mvc:resources location="/static/" mapping="/static/**" />

我的 web.xml 包含：

    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <servlet>
     <servlet-name>auth</servlet-name>
     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
     <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
     <servlet-name>auth</servlet-name>
     <url-pattern>/auth/*</url-pattern>
    </servlet-mapping>

EDIT1 - 包括我完整的 html 标头这就是我在 html 中包含我的 css 和 js 的方式：

    <!doctype html>
    <html lang="en" ng-app="myApp">
    <head>
    <meta charset="utf-8">
    <title>My Page</title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="/static/css/app.css" type="text/css" /> 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script src="/static/js/fieldNamesCntrl.js"  type="text/javascript">
      </script>

请建议将其他标题添加到 html 中，或者我是否可以使用 pom 来添加 angularjs 和 bootstrap css。不知道我错过了什么！

【问题讨论】：

您的屏幕截图没有显示

标签： javascript html css spring maven

【解决方案1】：

我能够调试这个。问题是我在 html 标头中给出的 css 和 js 的路径。在部署应用程序时，在与 .html 相同的文件夹中寻找 /static/css 和 /static/js，即 /static 被附加到 /views 文件夹中。

以下代码有效：

     <link rel="stylesheet" href="../static/css/app.css" type="text/css" />
     <script src="../static/js/fieldNamesCntrl.js"  type="text/javascript">

这可以确保查找到正确的 css 和 js 文件夹。谢谢！

【讨论】：