个人中心
gpt4 book ai didi

node.js - 跨源请求被阻止 : The Same Origin Policy disallows reading the remote . .....................缺少 CORS header ‘Access-Control-Allow-Origin’

转载 作者：太空狗 更新时间：2023-10-29 17:34:44 24 4
gpt4 key购买 nike

我在 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

应用程序模块.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 { }

任务.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';
 }

任务.服务.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 header “Access-Control-Allow-Origin”)。

如何修复错误。以及如何从其他主机获取数据...请帮助我。

24 4 0
文章推荐： c# - 任意定界符/转义字符处理的最佳算法是什么？
文章推荐： Angular + RxJS : repeat the request on status code 202
文章推荐： c# - channel 'tcp' 已经注册
文章推荐： angular - Angular 分量的类型
太空狗
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com