Http以角度2获得服务

Question

我正在尝试从Spring引导ReST Micro服务获取数据，该服务以JSON格式提供数据（用户名和密码） （[{＆＃34;用户名＆＃34;：＆＃34;标记＆＃34;，＆＃34;密码＆＃34;：＆＃34;标记123＆＃34;}]）通过其端点＆＃34; {{ 3}}＆＃34;

我使用basic.service.ts文件在angular 2中创建了一个简单的应用程序，该文件通过我的RestAPI端点获取数据

我无法在控制台中看到数据，我在控制台中收到以下错误

＆＃34;无法加载http://localhost:8080/checkUsers：否＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:8080/checkUsers＆＃39;因此不允许访问。＆＃34;

下面显示的是我的代码

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { BasicService } from './basic.service';


@NgModule({

  declarations  : [ AppComponent ],
  imports       : [BrowserModule,HttpModule,FormsModule ],
  providers     : [BasicService],
  bootstrap     : [AppComponent]

})

export class AppModule { }

app.component.ts

import { Component } from '@angular/core';
import { BasicService } from './basic.service';

@Component({
  selector: 'app-root',
  template: '<h1>{{ title }}</h1>'

})
export class AppComponent {
  title :string;

  constructor(private MyService: BasicService){
        this.title="Angular Service";

        this.MyService.GetPosts()
        .subscribe(posts => {console.log(posts)});
  }
}

这是我的服务

basic.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class BasicService {

  constructor(private http:Http) { }

    GetPosts(){
            return this.http.get('http://localhost:8080/checkUsers')
            .map(result => result.json());
    }
}

任何人都可以帮忙解决这个问题。