Question

我按照this教程使用react和spring boot创建了一个Web应用程序。

我按照完全相同的步骤，但在我的反应应用程序中，我介绍了webpack。 react应用程序已启动并正在运行。

pom.xml文件如下所示：

<?xml version="1.0" encoding="UTF-8"?>

http://maven.apache.org/xsd/maven-4.0.0.xsd“＆GT; 4.0.0

<groupId>com.example</groupId>
<artifactId>ema</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>jar</packaging>

<name>ema</name>
<description>Demo project for Spring Boot</description>

<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>1.5.3.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>
</dependencies>

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


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

    <plugin>
    <artifactId>maven-resources-plugin</artifactId>
    <version>3.0.2</version>
    <executions>
    <execution>
    <id>Copy frontend production build to resources</id>
    <phase>package</phase>
    <goals>
    <goal>copy-resources</goal>
    </goals>
    <configuration>
    <outputDirectory>${basedir}/target/classes</outputDirectory>
    <resources>
    <resource>
    <directory>src/main/app/build/</directory>
    <filtering>true</filtering>
    </resource>
    </resources>
    </configuration>
    </execution>
    </executions>
    </plugin>


    </plugins>
</build>

我完成了本教程的最后几步：

mvn clean package
java -jar target/cra-demo-0.0.1-SNAPSHOT.jar

但是我看到我的弹簧服务器已经关闭了：

 :: Spring Boot ::        (v1.5.3.RELEASE)

2017-04-27 15:01:33.740  INFO 28295 --- [           main] com.example.EmaApplication               : Starting EmaApplication v0.0.1-SNAPSHOT on robucslvm03 with PID 28295 (/home/gecobici/EMA/target/ema-0.0.1-SNAPSHOT.jar started by gecobici in /home/gecobici/EMA)
2017-04-27 15:01:33.748  INFO 28295 --- [           main] com.example.EmaApplication               : No active profile set, falling back to default profiles: default
2017-04-27 15:01:33.860  INFO 28295 --- [           main] s.c.a.AnnotationConfigApplicationContext : Refreshing org.springframework.context.annotation.AnnotationConfigApplicationContext@255316f2: startup date [Thu Apr 27 15:01:33 EEST 2017]; root of context hierarchy
2017-04-27 15:01:34.936  INFO 28295 --- [           main] o.s.j.e.a.AnnotationMBeanExporter        : Registering beans for JMX exposure on startup
2017-04-27 15:01:34.958  INFO 28295 --- [           main] com.example.EmaApplication               : Started EmaApplication in 2.06 seconds (JVM running for 2.877)
2017-04-27 15:01:34.958  INFO 28295 --- [       Thread-2] s.c.a.AnnotationConfigApplicationContext : Closing org.springframework.context.annotation.AnnotationConfigApplicationContext@255316f2: startup date [Thu Apr 27 15:01:33 EEST 2017]; root of context hierarchy
2017-04-27 15:01:34.959  INFO 28295 --- [       Thread-2] o.s.j.e.a.AnnotationMBeanExporter        : Unregistering JMX-exposed beans on shutdown

我是新手并且做出反应，我不知道如何让弹簧服务器启动并运行并与我的反应应用程序进行交互。

编辑：在pom.xml中我有：

<directory>src/main/app/build/</directory>

我使用webpack -p创建生成版本，但我看不到构建文件夹。如何在构建文件夹中生成生成构建？

Answer 1

你介绍了webpack女巫一点也不错，你可以做些什么来简化你的React应用程序与spring的使用，就是设置Webpack Proxy来拦截特定端口中的所有HTTP请求，这就是我这样做的方法：

'webpack-dev-server': {
      options: {
        webpack: webpackConfig,
        inline: true,
      },
      start: {
        host: '0.0.0.0',
        port: '<%= config.webpackDevServerPort %>',
        contentBase: '<%= config.dist %>',
        webpack: {
          devtool: 'inline-source-map',
          debug: true,
        },
        proxy: {
          '/myapp': {
            target: 'http://localhost:' + (grunt.option('proxy-port') || config.connectPort),
            secure: false,
          },
        },
      },
    },

你的Spring应用程序中最后一件事你必须允许以下内容：

  /**
   * Register WebSocket publisher
   *
   * @param registry where the handler will be registered
   */
  @Override
  public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
    registry.addHandler(publisher, webSocketPath).setAllowedOrigins("*");
  }

如果你没有setAllowedOrigins("*");来自外部Spring服务器的休息呼叫将不会被截获，这只是针对开发人员，并且必须在应用程序投入生产时被禁用。

链接弹簧靴与反应

1 个答案: