Приложение Spring Boot + Angular, развернутое на Heroku как WAR, выдает ошибку 404, если я не включу index.html в URL-адрес.
Я пытаюсь создать очень простое приложение Spring Boot + Angular, которое затем смогу разработать и автоматически развернуть как единое приложение. Чтобы создать приложение, я настроил Maven для компиляции проекта Angular и добавления его в файл WAR вместе с моей серверной частью. Затем он развертывает WAR в Heroku, который запускает его с помощью следующего веб-динамометра:
java $JAVA_OPTS -jar target/dependency/webapp-runner.jar --port $PORT target/Springular-1.0.war
Я использую Webapp Runner, который запускает экземпляр Tomcat с заданной WAR.
Сама часть Angular создается с использованием сценария postinstall в package.json:
"postinstall": "ng build --prod --base-href /ui/"
Как видите, я установил base-href в "/ ui /" здесь и в pom.xml. Я сопоставил свой Spring Controller с "/ api". Я ожидал, что смогу получить доступ к своему интерфейсу с
https://app.herokuapp.com/ui и делать запросы к серверу, например
https://app.herokuapp.com/api/hello-world.
Хотя серверная часть работает нормально, когда я пытаюсь получить доступ к пользовательскому интерфейсу, я получаю страницу ошибки 404 Whitelabel. Моя папка webapp (src / main / webapp) выглядит так:
springular
└───src
└───main
└───webapp
│ index.jsp
└───WEB-INF
│ web.xml
web.xml не содержит конфигурации. index.jsp отправляет перенаправление на "/ ui /". Если я изменю перенаправление на "/ui/index.html", я смогу получить доступ к своему интерфейсу с URL-адресом
https://app.herokuapp.com/, но когда я обновляю страницу, я снова получаю 404.
То, что я пробовал до сих пор:
Установка маршрута Angular для '' (пустого) пути - не помогло, но я все равно сохранил его.
Добавление
server.servlet.context-pathв свойства Spring вместо использования аннотации @RequestMapping.Отключение страницы ошибок Whitelabel в Spring application.properties, что привело к получению другой ошибки о том, что ошибки не обрабатываются.
Указание местоположения страницы ошибки в web.xml. Это ничего не изменило.
Переопределение метода configure SpringBootServletInitializer в основном классе Java.
Использование стратегии размещения хэшей в Angular (
RouterModule.forRoot(routes, { useHash: true }))
Судя по тому, что я читал до сих пор, я предполагаю, что мой Tomcat настроен неправильно, но я не знаю, как это исправить. Если это упростит задачу, я готов убрать часть «/ ui /» из URL-адресов внешнего интерфейса.
Наконец, я добавлю несколько файлов, которые, по моему мнению, могут иметь отношение к проблеме.
index.jsp
<% response.sendRedirect("/ui"); %>
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<display-name>Springular</display-name>
</web-app>
Основной весенний класс
@SpringBootApplication
public class SpringularApplication extends SpringBootServletInitializer {
public static void main(String[] args) {
SpringApplication.run(SpringularApplication.class, args);
}
}
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>
<groupId>com.example</groupId>
<artifactId>Springular</artifactId>
<version>1.0</version>
<name>springular</name>
<description>Spring + Angular Template Application</description>
<packaging>war</packaging>
<properties>
<java.version>1.8</java.version>
<heroku.appName>springular-template</heroku.appName>
<maven.compiler.source>${java.version}</maven.compiler.source>
<maven.compiler.target>${java.version}</maven.compiler.target>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<version>2.4.1</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<version>2.4.1</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<version>2.4.1</version>
</plugin>
<plugin>
<artifactId>maven-clean-plugin</artifactId>
<version>3.1.0</version>
<configuration>
<filesets>
<fileset>
<directory>${project.basedir}\frontend\dist</directory>
</fileset>
</filesets>
</configuration>
</plugin>
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.11.0</version>
<configuration>
<workingDirectory>${project.basedir}\frontend</workingDirectory>
</configuration>
<executions>
<execution>
<id>install node and npm</id>
<goals>
<goal>install-node-and-npm</goal>
</goals>
<configuration>
<nodeVersion>v12.16.2</nodeVersion>
<npmVersion>6.14.4</npmVersion>
</configuration>
</execution>
<execution>
<id>npm install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
</configuration>
</execution>
<execution>
<id>install angular</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install @angular/cli@^9.0.0 -g</arguments>
</configuration>
</execution>
</executions>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-dependency-plugin</artifactId>
<executions>
<execution>
<phase>package</phase>
<goals><goal>copy</goal></goals>
<configuration>
<artifactItems>
<artifactItem>
<groupId>com.heroku</groupId>
<artifactId>webapp-runner</artifactId>
<version>9.0.41.0</version>
<destFileName>webapp-runner.jar</destFileName>
</artifactItem>
</artifactItems>
</configuration>
</execution>
</executions>
</plugin>
<plugin>
<artifactId>maven-war-plugin</artifactId>
<version>3.2.3</version>
<configuration>
<webResources>
<resource>
<directory>frontend/dist/springular</directory>
<targetPath>ui</targetPath>
</resource>
</webResources>
</configuration>
</plugin>
<plugin>
<groupId>com.heroku.sdk</groupId>
<artifactId>heroku-maven-plugin</artifactId>
<version>3.0.3</version>
<executions>
<execution>
<phase>deploy</phase>
<goals><goal>deploy-war</goal></goals>
<configuration>
<appName>${heroku.appName}</appName>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>
1 ответ
Попробуйте стратегию размещения хэша в модуле приложения, как показано ниже,
providers: [
{provide: LocationStrategy, useClass: HashLocationStrategy}
]