How to make lambda work with ajax?

Question

I get 403 forbidden when making ajax request to lambda endpoint. It's likely to be a CORS Issue.

serverless.yml

    service: aws-nodejs # NOTE: update this with your service name
    provider:
    name: aws
    runtime: nodejs4.3

    functions:
    weather:
        handler: handler.weather
        events:
            - http:
                path: weather
                method: get
                cors: true

handler.js

'use strict';

    var request = require('request');

    module.exports.weather = (event, context, callback) => {
        request('http://api.openweathermap.org/data/2.5/weather?APPID=__ID__&lat=40.66&lon=-73.77', function (error, response, body) {
            if (!error && response.statusCode == 200) {
                const response = {
                    statusCode: 200,
                    headers: {
                        "Content-Type": "application/json",
                        "Access-Control-Allow-Origin": "*"
                    },
                    body: body
                };
                callback(null, response);
            }
        });
    };

```

I tried to enable CORS in API gateway, but I get invalid response code error.

Can you suggest how to fix the error and what could be causing it?

What is the error message you get? Hover the red exclamation mark — Benny Bauer
– Benny Bauer, Commented Dec 11, 2016 at 8:21

Chris Love · Accepted Answer · 2016-12-08 18:32:22Z

2

make sure you deploy the API once you make any changes, like adding CORS. I have been bitten by this several time.

answered Dec 8, 2016 at 18:32

Chris Love

3,9031 gold badge22 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jackko · Accepted Answer · 2016-12-08 21:30:15Z

1

If you're using HTTP or Lambda 'proxy' integration, the non-OPTIONS method will have to return the relevant CORS headers (in this case Access-Control-Allow-Origin). The two errors you see there in the console are ok if you're using a proxy integration on the GET method. Configure the backend to send back the Access-Control-Allow-Origin header and try again.

answered Dec 8, 2016 at 21:30

jackko

7,37431 silver badges39 bronze badges

Comments

Benny Bauer · Accepted Answer · 2016-12-08 19:54:45Z

0

If you're using the Serverless Framework you can easily do it by specifying cors: true under your function's http event:

functions:
  hello:
    handler: handler.hello
    events:
      - http:
          path: user/create
          method: get
          cors: true

You can find more details in the docs.

answered Dec 8, 2016 at 19:54

Benny Bauer

1,0651 gold badge6 silver badges19 bronze badges

1 Comment

Vlad Vinnikov Over a year ago

The header "Access-Control-Allow-Origin" : "*" is showing up in the browser, but it's not returning the header when I make AJAX call

Collectives™ on Stack Overflow

How to make lambda work with ajax?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related