首页 > 解决方案 > 一旦应用程序部署在 VPS 服务器中,如何将 Angular 前端连接到 Spring Boot 后端?

问题描述

我创建了一个spring boot REST API,它的服务由一个角度前端使用。一切正常,直到我将应用程序部署到 VPS 服务器的文件管理器中。我可以看到问题在于,一旦部署,角度前端将不再能够使用 spring boot 服务,因为它无法连接到它。

我所做的是以下内容:

  1. 在 VPS 文件管理器中上传了 Angular 文件(在 VSCODE 中进行 ng build 之后)。
  2. 在 Eclipse 中进行 Maven 全新安装后上传 Spring boot jar 文件。我在文件管理器中上传了 jar 文件和 angular 文件。
  3. 我建立了到 vps 服务器的 SSH 连接并启动了 jar 文件,这似乎在 ssh 终端中成功完成。

这是我的 POM 文件:

<?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.5.4</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.myFullStackProject</groupId>
    <artifactId>fullStackProject</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>fullStackProject</name>
    <description>Demo project for Spring Boot</description>
    <properties>
        <java.version>8</java.version>
    </properties>
    <dependencies>
    

        
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        
    
    
    <!--  
    
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
    
     -->    
        
        <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-mail -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-mail</artifactId>
            <version>2.5.4</version>
        </dependency>
        
        
                <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.26</version>
        </dependency>
        
        
        
    </dependencies>

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

    </build>
    

   <!-- Add Spring repositories -->  
    <!-- (you don't need this if you are using a .RELEASE version) -->  
   <repositories>  
        <repository>  
            <id>spring-snapshots</id>  
            <url>http://repo.spring.io/snapshot</url>  
            <snapshots><enabled>true</enabled></snapshots>  
        </repository>  
        <repository>  
            <id>spring-milestones</id>  
            <url>http://repo.spring.io/milestone</url>  
        </repository>  
    </repositories>  
    <pluginRepositories>  
        <pluginRepository>  
            <id>spring-snapshots</id>  
            <url>http://repo.spring.io/snapshot</url>  
        </pluginRepository>  
        <pluginRepository>  
            <id>spring-milestones</id>  
            <url>http://repo.spring.io/milestone</url>  
        </pluginRepository>  
    </pluginRepositories>   

</project>

我错过了什么吗?我应该怎么做才能完成这项工作?

标签: angularspring-bootvps

解决方案


推荐阅读