与前端和后端的通信错误（Java-Angular）

Question

我尝试将我的棱角前端与我的Java/Spring Boot后端通信。但是终端显示了这个错误：

[HPM]尝试将请求/API/DADOS从localhost:4500代理到http://localhost:8080(ECONNREFUSED)时出错(https://nodejs.org/api/errors.html#errors_common_system_errors)

下面是我的示例.service.ts（Angular）代码。在此我要求提供数据：

import {Injectable} from "@angular/core";
import {Http, Response} from "@angular/http";
import 'rxjs/Rx';

@Injectable()
export class ExService{
  constructor(private http: Http){

  }

  getName(){
    return this.http.get("/api/dados").map(
      (response: Response) =>{
        return response.json();
      }
    );
  }
}

这里是我的示例.Java（Java代码）。它负责发送数据：

package com.lucas.bef.Envia;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/api/dados")
public class Dados {
    String teste;

    public Dados(){
        this.teste = "LUCAS";
    }

    public void setNome(String nome){
        this.teste = nome;
    }

    @GetMapping( value = {"","/"})
    public String getNome(){
        return teste;
    }
}

如果我启动Spring应用程序...终端显示一条消息Tomcat在8080端口启动。

我创建了一个配置代理文件（proxy-conf.json）,如下所示：

{
  "/api":{
    "target": "http:/localhost:8080",
    "secure": false
  }
}

请有人帮帮我。我需要这么做。是非常重要的。谢谢！

Answer 1

问题似乎是在不同的端口上运行两个应用程序（前端和后端）。这样的请求称为CORS。您可以像这样在Spring-Boot应用程序中启用cors。或者临时测试，请下载这个chrome插件