首页 > 解决方案 > 如何使用 React js 向 aws Api 发出请求

问题描述

我已经使用 React js 使用 get 方法向 aws api 发出请求,但它显示错误:-“从源http://test.com:3000获取在 ' https://blahblah.com/dev/getControllist ' 的访问权限”已被 CORS 策略阻止:在预检响应中 Access-Control-Allow-Headers 不允许请求标头字段 access-control-allow-origin。” 但是,如果我直接将相同的 api 打到浏览器或使用邮递员,它会成功返回 json。如果有人知道,请帮助我。我的代码是:-

var uri = "blahblah.com/dev/getControllist";
    let h = new Headers({
        'Access-Control-Allow-Origin': '*',
        "Access-Control-Allow-Credentials": true,
        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
        "Access-Control-Request-Headers": "Origin, X-Requested-With, Content-Type, Accept,x-access-token"

        });       


    let request = new Request(uri,
        {
            method: 'GET',
            headers: h,
            cors:true
        });

    fetch(request)
        .then((result) => {
            // Get the result
            // If we want text, call result.text()              

            return result.json();

        }).then((jsonResult) => {
            // Do something with the result
            console.log(jsonResult);
            this.setState({
                items: jsonResult
            });

标签: reactjsaws-lambdaamazon-dynamodbaws-api-gateway

解决方案


推荐阅读