执行.jar文件时动态设置主机与端口的方法咨询

当然可以实现动态配置，下面是几种适配你场景的可行方案：

方案1：通过Spring Boot后端接口注入配置（最灵活） #

这种方案无需重新构建Angular，完全在执行Jar时动态传递参数，核心思路是让Spring Boot托管前端静态资源，同时提供接口返回配置参数，Angular启动时读取该配置。

1. 配置Spring Boot参数
   在application.properties中添加默认配置：

   app.api.host=localhost
   app.api.port=8080
   

   执行Jar时可通过命令行动态覆盖：

   java -jar your-app.jar --app.api.host=your-production-domain --app.api.port=9090
   

2. 编写Spring Boot配置接口
   创建一个Controller返回配置信息：

   @RestController
   @RequestMapping("/api/public/config")
   public class ApiConfigController {
       @Value("${app.api.host}")
       private String apiHost;
       
       @Value("${app.api.port}")
       private String apiPort;
       
       @GetMapping
       public Map<String, String> getApiConfig() {
           Map<String, String> config = new HashMap<>();
           config.put("host", apiHost);
           config.put("port", apiPort);
           return config;
       }
   }
   

3. Angular端加载并使用配置

   • 创建配置服务config.service.ts：

     import { Injectable } from '@angular/core';
     import { HttpClient } from '@angular/common/http';
     import { Observable, of } from 'rxjs';
     import { tap } from 'rxjs/operators';
     
     @Injectable({ providedIn: 'root' })
     export class ConfigService {
       private apiConfig: { host: string, port: string } | null = null;
     
       constructor(private http: HttpClient) {}
     
       loadConfig(): Observable<any> {
         if (this.apiConfig) {
           return of(this.apiConfig);
         }
         return this.http.get('/api/public/config').pipe(
           tap(config => this.apiConfig = config)
         );
       }
     
       getApiBasePath(): string {
         if (!this.apiConfig) {
           throw new Error('API config not loaded. Call loadConfig() first.');
         }
         return `http://${this.apiConfig.host}:${this.apiConfig.port}`;
       }
     }
     

   • 在AppModule中配置初始化加载：

     import { APP_INITIALIZER, NgModule } from '@angular/core';
     import { ConfigService } from './config.service';
     import { HttpClientModule } from '@angular/common/http';
     
     function initConfig(configService: ConfigService) {
       return () => configService.loadConfig().toPromise();
     }
     
     @NgModule({
       imports: [HttpClientModule],
       providers: [
         {
           provide: APP_INITIALIZER,
           useFactory: initConfig,
           deps: [ConfigService],
           multi: true
         }
       ]
     })
     export class AppModule {}
     

   • 在组件/service中使用：

     constructor(private configService: ConfigService) {}
     
     fetchData() {
       const basePath = this.configService.getApiBasePath();
       const fullPath = `${basePath}/your-api-endpoint`;
       // 发起请求逻辑
     }
     

方案2：通过Thymeleaf直接渲染全局变量（更简洁） #

如果你的Angular打包后由Spring Boot的Thymeleaf模板托管，可以直接在index.html中渲染全局配置变量：

1. 修改Spring Boot的index.html
   在src/main/resources/templates/index.html中添加：

   <script th:inline="javascript">
     window.apiConfig = {
       host: [[${@environment.getProperty('app.api.host')}]],
       port: [[${@environment.getProperty('app.api.port')}]]
     };
   </script>
   

2. Angular中直接读取全局变量
   在需要的地方声明全局变量并使用：

   declare var window: any;
   
   const apiBasePath = `http://${window.apiConfig.host}:${window.apiConfig.port}`;
   

3. 执行Jar时传递参数
   和方案1一致，用命令行覆盖配置：

   java -jar your-app.jar --app.api.host=your-domain --app.api.port=9090
   

方案3：构建时注入环境变量（适合预部署场景） #

如果允许在执行Jar前先构建Angular，可以通过环境变量动态替换配置：

1. 修改Angular环境文件
   在src/environments/environment.prod.ts中：

   export const environment = {
     production: true,
     apiHost: process.env.API_HOST || 'localhost',
     apiPort: process.env.API_PORT || '8080'
   };
   

2. 构建时传入环境变量

   API_HOST=your-domain API_PORT=9090 ng build --prod
   

3. 将构建产物打包进Spring Boot
   把Angular构建后的dist目录内容复制到Spring Boot的src/main/resources/static下，再打包成Jar。

内容的提问来源于stack exchange，提问作者podehi