/Javascript/Vue/Cors header missing vue api gateway

Cors header missing vue api gateway

1'use strict';
2
3module.exports.getProduct = (event, context, callback) => {
4
5  // Do work to retrieve Product
6  const product = retrieveProduct(event);
7
8  const response = {
9    statusCode: 200,
10    headers: {
11      'Access-Control-Allow-Origin': '*',
12      'Access-Control-Allow-Credentials': true,
13    },
14    body: JSON.stringify({
15      product: product
16    }),
17  };
18
19  callback(null, response);
20};
21
22module.exports.createProduct = (event, context, callback) => {
23
24  // Do work to create Product
25  const product = createProduct(event);
26
27  const response = {
28    statusCode: 200,
29    headers: {
30      'Access-Control-Allow-Origin': '*',
31      'Access-Control-Allow-Credentials': true,
32    },
33    body: JSON.stringify({
34      product: product
35    }),
36  };
37
38  callback(null, response);
39};

Source: serverless.com

Cors header missing vue api gateway

1# serverless.yml
2
3service: products-service
4
5provider:
6  name: aws
7  runtime: nodejs6.10
8
9functions:
10  getProduct:
11    handler: handler.getProduct
12    events:
13      - http:
14          path: product/{id}
15          method: get
16          cors: true # <-- CORS!
17  createProduct:
18    handler: handler.createProduct
19    events:
20      - http:
21          path: product
22          method: post
23          cors: true # <-- CORS!

Source: serverless.com

Cors header missing vue api gateway

1# serverless.yml
2
3...
4
5		resources:
6		  Resources:
7		    GatewayResponseDefault4XX:
8		      Type: 'AWS::ApiGateway::GatewayResponse'
9		      Properties:
10		        ResponseParameters:
11           gatewayresponse.header.Access-Control-Allow-Origin: "'*'"
12           gatewayresponse.header.Access-Control-Allow-Headers: "'*'"
13		        ResponseType: DEFAULT_4XX
14		        RestApiId:
15		          Ref: 'ApiGatewayRestApi'
16		```

Source: serverless.com

Similar codes

0 vote351 views2 answers
Flask vue.js not working
Javascript Vue
-1 vote355 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote340 views2 answers
Scroll to top router link vue
Javascript Vue
1 vote366 views1 answer
Vuejs typescript mapactions
Javascript Vue
0 vote352 views1 answer
Vue js set array value by key
Javascript Vue
1 vote373 views1 answer
Invalid Host header vue
Javascript Vue
0 vote346 views2 answers
Vue config devtools
Javascript Vue
2 votes340 views1 answer
Vuejs truncate text
Javascript Vue
0 vote412 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote353 views1 answer
Vuejs my chart load before fetch data
Javascript Vue