如何使用 java EE 后端 maven 构建和 glassfish 服务器运行 Angular2 应用程序？

Question

我必须使用 maven 和 Glassfish 服务器构建和提供 angular2 应用程序。我有一个 java EE 后端。

App structure looks like this

而 pom.xml 看起来像这样：

http://maven.apache.org/xsd/maven-4.0.0.xsd"> 4.0.0 ro.nttdata 候选人 0.0.1-快照 战争 候选人 源代码 maven 编译器插件 3.6.1 1.8 1.8 Maven 战争插件 3.0.0 网页内容

        <plugin>
     <artifactId>maven-clean-plugin</artifactId>
     <version>2.5</version>
     <configuration>
       <filesets>
         <fileset>
           <directory>candidate-client/dist/</directory>
           <includes>
             <include>*</include>
           </includes>
         </fileset>
       </filesets>
     </configuration>
   </plugin>


        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <version>1.3</version>

            <configuration>
                <nodeVersion>v6.10.1</nodeVersion>
                <npmVersion>4.4.1</npmVersion>
                <workingDirectory>candidate-client/</workingDirectory>
            </configuration>

            <executions>
                <execution>
                    <id>install node and npm</id>
                    <goals>
                        <goal>install-node-and-npm</goal>
                    </goals>
                </execution>

                <execution>
                    <id>npm install</id>
                    <goals>
                        <goal>npm</goal>
                    </goals>
                </execution>

                <execution>
                    <id>npm run build</id>
                    <goals>
                        <goal>npm</goal>
                    </goals>

                    <configuration>
                        <arguments>run build</arguments>
                    </configuration>
                </execution>
            </executions>
        </plugin>

        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-resources-plugin</artifactId>
            <version>2.6</version>
            <executions>
                <execution>
                    <id>copy-client-build</id>
                    <phase>prepare-package</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>target/${project.artifactId}/</outputDirectory>
                        <overwrite>true</overwrite>
                        <resources>
                            <resource>
                                <directory>candidate-client/dist/</directory>
                                <includes>
                                    <include>*/**</include>
                                    <include>*.html</include>
                                </includes>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
             </executions>
            </plugin>



    </plugins>

</build>
<dependencies>

    <dependency>
        <groupId>javax</groupId>
        <artifactId>javaee-api</artifactId>
        <version>7.0</version>
    </dependency>
    <dependency>

        <groupId>org.glassfish.jersey.core</groupId>

        <artifactId>jersey-server</artifactId>

        <version>2.10.4</version>


    </dependency>
    <dependency>
        <groupId>org.eclipse.persistence</groupId>
        <artifactId>eclipselink</artifactId>
        <version>2.6.4</version>
    </dependency>
    <dependency>

        <groupId>org.glassfish.jersey.media</groupId>

        <artifactId>jersey-media-json-jackson</artifactId>

        <version>2.25.1</version>


    </dependency>
</dependencies>

我设法构建了生成 dist 文件夹的应用程序并将文件移动到目标，但是当我在服务器上运行它时，我得到 404。我是 maven 的新手......我很感谢每一个建议。

Answer 1

pom 配置看起来不错。

在您的 index.html 文件中，您需要添加基本路径，例如

<base href="/appname">