同一服务器上的两个项目具有不同的端口但客户端(Angular 6)无法调用服务器

更新


我在一台服务器上放置了两个项目,它们是客户端和服务器 RestAPI 应用程序。我将 4200 设置为客户端的端口(由 Angular 6 编写)和服务器端 WebSrv 的端口 8990。我使用命令运行 Spring one java -jar artifact.jar,它工作正常并响应任何请求。但是对于客户端,当我从本地机器使用 IP 运行它时:localhost:4200(使用 IntellijIdea 内置构建器或使用 Angular CLI)它工作正常并且可以发送请求并接收响应。但是,当我从该服务器(WebSrv 服务器所在的位置)运行它并运行时,它正确显示了第一个 html 页面,但是当我单击发送请求的按钮时,没有任何反应(也没有异常或任何日志)并且服务器不是接受任何要求!!


我已经搜索了我的问题,但没有任何帮助。如果有人能帮助我找到解决方案,我将不胜感激。我想知道是否有人知道是什么问题。


这是我的客户端代码(Angular)


import {Component, NgModule, OnInit} from '@angular/core';

import {HttpClient, HttpHeaders} from '@angular/common/http';

import {RouterModule, Router} from '@angular/router';


// const URL = 'http://localhost:8990/getUserId';

const URL = 'http://getuserid.mycompany.com:8990/getUserId';



@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})


export class AppComponent {


  constructor(

    private http: HttpClient

  ) {

  }


  fileToUpload: File = null;

  id: String = '0';


  inputId(event) {

    this.id = event.target.value;

    console.log('id is -- > ' + event.target.value);

  }


  inputFile(event) {

    this.fileToUpload = event.target.files[0];

    console.log('File path -- > ' + event.target.files[0].name);

  }


  onSubmit(id: string, file: File) {

    const frmData = new FormData();

    console.log('POST');

    // @ts-ignore

    frmData.append('id', this.id);

    frmData.append('inputPackage', this.fileToUpload);

    console.log('id --> ' + this.id);

    console.log('File name --> ' + this.fileToUpload.name); 

    this.http.post(URL, frmData).subscribe(res => {

      const resp = JSON.parse(JSON.stringify(res));

      if (resp['user'] != null) {

          if (resp['user']['user-id'] === false) { 

            alert('Successful!! Your User ID is : ' + resp['user']['user-id']); 

          } else {

            alert('Sorry!! Error occurred : ' + resp['error-message']);

          }

     } else {

        alert('Sorry!! Error occurred : ' + resp['error-message'] );

      }

    });


  }

}


有只小跳蛙
浏览 211回答 1
1回答

蛊毒传说

问题是4200公司网络部过滤的端口号。将端口更改为8080它后效果很好。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Java