这个问题在这里已有答案:
我在http://localhost:3000/edata有数据
[{"_id":"598705ac8f79380367e0a7f2","name":"prasad","age":"28","gender":"male","phone":8790440944},{"_id":"598733508f79380367e0a7f8","name":"ravi","age":"27","gender":"male","phone":"9912881777"}
我希望在运行客户端应用程序时得到这些数据,即http://localhost:4200
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {HttpModule} from "@angular/http";
import { AppComponent } from './app.component';
import {TasksComponent} from "../tasks/tasks.component";
import {TaskServices} from "./services/task.services";
@NgModule({
declarations: [AppComponent, TasksComponent],
imports: [BrowserModule,HttpModule],
providers: [TaskServices],
bootstrap: [AppComponent,TasksComponent]
})
export class AppModule { }
tasks.component.ts
import {Component, enableProdMode} from '@angular/core';
import {TaskServices} from "../app/services/task.services";
enableProdMode();
@Component({
selector: 'tasks',
templateUrl: './tasks.component.html',
styleUrls: ['./tasks.component.css']
})
export class TasksComponent {
constructor(private taskServices:TaskServices){
this.taskServices.getTasks()
.subscribe(tasks =>{
console.log(tasks);
});
}
title = 'app';
}
task.services.ts
import {Injectable} from '@angular/core';
import {Http, Headers} from "@angular/http";
import 'rxjs/add/operator/map';
@Injectable()
export class TaskServices{
constructor(private http:Http){
console.log('Task service initialized....');
}
getTasks(){
return this.http.get('http://localhost:3000/edata')
.map(res => res.json());
}
当我运行应用程序时,在控制台中我收到错误跨源请求被阻止:同源策略不允许在http://localhost:3000/edata读取远程资源 . (原因:缺少CORS Headers 'Access-Control-Allow-Origin') .
如何修复错误 . 以及如何从其他主机获取数据... plz帮助我 .
1 回答
如果使用 Node-server 在server.js中添加此项
并在您的http方法中添加Hearders