Java EEバックエンドMavenビルドとGlassfishサーバーでAngular2アプリを実行するにはどうすればよいですか？

Question

私は、MavenとGlassfishサーバーでangle2アプリケーションをビルドして提供する必要があります。私は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-SNAPSHOT 戦争 候補 SRC の のmaven-コンパイラプラグイン私が構築するために管理 3.6.1 1.8 1.8 のmaven-戦争 - プラグイン 3.0.0 のWebContent

 <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フォルダを生成し、fiを移動するapp私は404を取得します。私はmavenで新しいです...私はすべての提案に感謝しています。

Answer 1

pom設定が正常に表示されます。あなたのindex.htmlファイルで

あなたは

<base href="/appname"> 

のようなベースパスを追加する必要があります