时间戳

首页 > 解决方案 > 无法将 Angular 应用程序部署到 Spring Boot

angular - 无法将 Angular 应用程序部署到 Spring Boot

问题描述

我有一个Angular应用程序以及一个使用Spring Boot的rest API，我需要将其打包为单个war文件以部署在apache tomcat上。我努力了：

我见过的一些教程似乎向人们展示了将构建的角度文件复制到 Spring 静态文件夹中，然后运行 ​​spring 并且它可以工作。这对我来说似乎很奇怪，因为没有配置映射并且也不起作用。为了我。

我认为我最好的选择是使用 Maven 战争插件，但我的问题是：

我希望有人可以在这里为我指明正确的方向。提前致谢。

我已经根据答案进行了一些更改，并且我的 war 文件正在编译并被 tomcat 找到，但是，角度应用程序无法找到任何其他资源，并且只加载了一个空白页面。在开发工具中查看样式和其他文件时，我得到 404。

我现在使用不同名称的目录副本。在我的 package.json 中，我这样做：

{
  "name": "task-app-front-end",
  "version": "0.0.0",
  "scripts": {
  "ng": "ng",
  "start": "ng serve --proxy-config proxyconfig.json",
  "build": "ng build",
  "test": "ng test",
  "outDir": "../taskappmain\\src\\main\\resources\\public",
  "lint": "ng lint",
  "e2e": "ng e2e"
}

将我构建的文件输出到我的后端应用程序的 /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 
https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.2.4.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.example</groupId>
<artifactId>taskappmain</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>taskappmain</name>
<description>taskAppMain</description>

<packaging>war</packaging>

<properties>
    <java.version>1.8</java.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-jpa</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-security</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <!-- https://mvnrepository.com/artifact/io.jsonwebtoken/jjwt -->
    <dependency>
        <groupId>io.jsonwebtoken</groupId>
        <artifactId>jjwt</artifactId>
        <version>0.9.0</version>
    </dependency>
    <dependency>
        <groupId>javax.xml.bind</groupId>
        <artifactId>jaxb-api</artifactId>
        <version>2.3.0</version>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <scope>runtime</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <scope>runtime</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
        <exclusions>
            <exclusion>
                <groupId>org.junit.vintage</groupId>
                <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
        </exclusions>
    </dependency>
    <dependency>
        <groupId>org.springframework.security</groupId>
        <artifactId>spring-security-test</artifactId>
        <scope>test</scope>
    </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>
        <plugin>
            <artifactId>maven-resources-plugin</artifactId>
            <version>3.1.0</version>
            <executions>
                <execution>
                    <id>copy-resources</id>

                    <phase>validate</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>${basedir}/target/classes/public</outputDirectory>
                        <resources>
                            <resource>
                                <directory>src/main/resources/public</directory>
                                <filtering>true</filtering>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

</project>

标签： angularspringspring-bootmavenwar

解决方案

您的构建顺序应如下所示：

  • 构建前端应用程序（Angular）
  • 构建 REST 应用程序（Spring Boot 应用程序）

您将需要这样做，因为您将需要distAngular 应用程序中的文件夹，其中包含前端的生产代码。

在您的 maven 构建中，组装 war 文件时，您需要执行以下操作：

  • 首先确保准备编译和编译阶段已经在maven下运行
  • 在该Prepare package阶段，您需要将文件从以下项目复制front-end/dist/web到项目backend中target/classes/static/

复制操作可以使用 Maven Resources Plugin 或 Maven AntRun Plugin 自动完成。

复制到target目录的原因src/main/resources/static是 Angular 应用程序的分发不是后端的“源”代码。

至于为什么static包中的任何文件都可以直接在 WAR 中使用，这是因为 Spring Boot 默认具有静态资源绑定，允许static通过 Internet 访问包中的所有文件。另请参阅 Spring Boot 本身的示例项目。

对于您的后端在 Tomcat 中部署后无法工作的问题，这可能是由于 Tomcat 不知道如何启动您的应用程序。请记住web.xml，默认情况下 Spring Boot 已放弃使用。因此，要允许容器服务器（Tomcat）启动 Spring Boot，您需要将以下内容添加到带有注释的类中@SpringBootApplication

public class MyRestApp extends SpringBootSerlvetInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
      return builder.sources(MyRestApp.class);
    }
}

推荐阅读