Question

我是Spring Boot的新手，并且正在努力将一个简单的HTML Web应用程序（AngularJS）部署到Tomcat 8.这个Web应用程序只是提供一些HTML / CSS / JS内容而没有对后端的REST调用。它已经使用Webpack进行“编译” - 这会生成JS / CSS包和一个通过<script> / <link>标记指向它们的index.html文件 - 并且已经在ExpressJS和带有嵌入式tomcat的Spring Boot上进行了测试。按预期工作。但是沿着独立WAR的路径走下去并部署到Tomcat 8似乎无法正常工作。

对于Spring Boot项目，我已将所有HTML / CSS / JS文件包含在src/main/resources/public文件夹（无子文件夹）中，并且还按以下方式配置了pom.xml（基本配置）：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.example.my-app</groupId>
    <artifactId>my-app</artifactId>
    <version>0.0.1</version>
    <packaging>war</packaging>

    <name>my-app</name>
    <description>Demo project for Spring Boot</description>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.4.0.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

“主要”课程：

package com.example.my.app;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.context.web.SpringBootServletInitializer;

@SpringBootApplication
public class MyAppApplication extends SpringBootServletInitializer {

    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(MyAppApplication.class);
    }

    public static void main(String[] args) {
        SpringApplication.run(MyAppApplication.class, args);
    }
}

以下是我用于执行Tomcat部署的步骤：

mvn clean package生成WAR
将WAR复制到path / to / tomcat8 / webapp
启动Tomcat
http://localhost:8080/my-app =＆gt;自动加载index.html

不幸的是，我看到的是404错误，因为它找不到一些JS / CSS文件。是否有我失踪的配置？

更新：这是index.html文件（通过Webpack自动生成）：

<!doctype html>
<html>
  <head>
    <base href="/">
    <meta charset="utf-8">
    <title>My App</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="icon" type="image/png" href="./assets/images/favicon.ico" />
  <link href="/main-aa49893f83cc830596563d81f09a9611.css" rel="stylesheet"><link href="/main-5949f1f257a55a77e48bc4ab62fbc99a.css" rel="stylesheet"></head>

  <body ng-app="myapp">
    <ui-view></ui-view>
  <script type="text/javascript" src="vendor-353ddb48f4ffe6546d59.js"></script><script type="text/javascript" src="app-353ddb48f4ffe6546d59.js"></script></body>
</html>

以下是我在访问localhost:8080/my-app/index.html时在Chrome Web Inspector中看到的错误：

http://localhost:8080/main-5949f1f257a55a77e48bc4ab62fbc99a.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/main-aa49893f83cc830596563d81f09a9611.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/vendor-4ba9083ed9802279c207.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/app-4ba9083ed9802279c207.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/vendor-4ba9083ed9802279c207.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/app-4ba9083ed9802279c207.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/main-aa49893f83cc830596563d81f09a9611.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/main-5949f1f257a55a77e48bc4ab62fbc99a.css Failed to load resource: the server responded with a status of 404 (Not Found)

我还忘了提一件事。当我使用mvn clean package生成战争时，src / main / resources / public下的所有文件都放在WEB-INF/classes/resource子文件夹中。根据研究，这些文件不是公开可见的（即如果我尝试访问localhost：8080 / my-app / foo.css，它将给出404）。这就是index.html文件无法“看到”它依赖的JS / CSS文件的原因吗？

Answer 1

在没有更多上下文的情况下，您所描述的设置的最常见问题是您最有可能使用绝对URL指向您的js / css文件。因此，当您将它们放入/my-app下的servlet容器中时，它们不再正确引用，因为它们试图转到根/。在描述路径上资源文件的位置时，您需要使用相对URL。

Answer 2

我最终搞清楚但没有使用Spring Boot打包WAR文件。在我的本地有另一个项目，它使用普通的旧Maven + pom.xml + web.xml来创建WAR，我用它作为参考来弄清楚当前项目无法正常工作的原因。有很多问题：

使用默认配置部署到Tomcat 8时，它会将WAR文件的名称（它们称为Context的名称）附加到其路径中。在这种情况下，它是http://localhost:8080/my-app。 “已编译”的AngularJS应用index.html有一个<base href="/">标记，需要指向/my-app/而不是/。这就是为什么JS / CSS文件在Web Inspector > Sources中不可见的主要原因。
<link>标记的src属性不应包含前导/
对于我上面发布的Spring Boot App，它附带了一个嵌入式Tomcat，并在Root Context下部署应用程序，因此无需更改index.html文件中的任何路径。
与Spring Boot类似，我也没有在ExpressJS中运行应用程序的问题，因为没有创建“子上下文”。同样，在这种情况下无需修改任何文件。

还有其他与查找.ttf文件等资源相关的错误，但至少应用程序能够运行。

更新：看起来可以通过在server.xml文件底部附近添加以下内容来从Tomcat 8根目录提供WAR文件：

<Context path="" docBase="my-app" debug="0" reloadable="true"></Context>

这样可以防止修改index.html文件。

太棒了:)）

Answer 3

我遇到了同样的问题，它与Webpack相关，而不是Spring-boot。在您的webpack.common.js / webpack.prod.js中，您必须设置：

metada.baseUrl = './';

并将其注入index.html

中的<base>链接

你还必须设置

output.publicPath: './'

有了这两个变量集，这对我有用。

Answer 4

嗯，我已经在spring-boot项目中试过了一些。

首先，我要对项目pom.xml

添加依赖项

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

然后我在index.html

上添加src/main/resources/templates

之后你应该添加一个指向该索引的控制器

@Controller
public class AppController {

    @RequestMapping("/")
    String index() {
        return "index";
    }
}

有关详细信息，请参阅本指南。 Spring-boot and Thymeleaf

在访问资源时将Spring Boot WAR部署到Tomcat 8 - HTTP 404

4 个答案: