首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angular No‘访问-控制-允许-原点’

Angular No‘访问-控制-允许-原点’
EN

Stack Overflow用户
提问于 2019-09-21 03:36:42
回答 2查看 101关注 0票数 0

我正在构建一个列出euromillions结果的ionic+angular应用程序,我正在尝试通过外部api获取数据,我不想使用服务器,它只是为了列出api结果,但我正在获取cors块,而我不知道如何解决这个问题,有人能帮我吗?谢谢

lotteries.service.ts

代码语言:javascript
复制
import { Injectable } from '@angular/core';
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { Euromillions } from './lottery.model';


@Injectable({
    providedIn: 'root'
})
export class LotteriesService {
    private euromillions: Euromillions[] = [
        {
            id: 'r1',
            numbers: '6-14-22-37-45',
            stars: '3-7',
            draw_info: 'Sorteio Nº076, 22-10-2019'
        }
    ];
    constructor(private httpService: HttpClient) { }

    getLastEuromillions() {
        return [...this.euromillions];
    }

    getApi() {

        return this.httpService.get('https://nunofcguerreiro.com/api-euromillions-json');
    }
}

lotteries.page.ts

代码语言:javascript
复制
import { Component, OnInit } from '@angular/core';

import { Euromillions } from './lottery.model';
import { LotteriesService } from './lotteries.service';

@Component({
  selector: 'app-lotteries',
  templateUrl: './lotteries.page.html',
  styleUrls: ['./lotteries.page.scss'],
})
export class LotteriesPage implements OnInit {
  euromillions: Euromillions[];

  constructor(private lotteriesService: LotteriesService) { }

  ngOnInit() {
    this.lotteriesService.getApi().subscribe((data)=>{
      console.log(data);
    }
    )};
}

image error

EN

回答 2

Stack Overflow用户

发布于 2019-09-21 03:47:25

外部浏览器会阻止您的请求。你有两个选择。使用后端接收请求并将其重定向。或者API拥有者允许跨域。请阅读此链接以了解更多详细信息mozila reference

票数 1
EN

Stack Overflow用户

发布于 2019-09-21 06:56:59

AWS的API Gateway将全天候帮助您解决此问题。

当您运行HTTP请求时,从后端(使用js/node)调用模块是一个很好的实践,这将帮助您解决CORS问题。但是,既然可以使用AWS,为什么还要设置服务器/后端呢?

只需几个额外的步骤,您就可以创建一个API来传递请求,然后从您的浏览器调用它,它将向您的页面发送一个跨域允许的响应。

在这里查看我的另一个答案:How to retrieve cross origin volcanic data in xml?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58034269

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档