/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 vote154 views1 answer
Vue change input value from console
Javascript Vue
0 vote141 views1 answer
Global axios vue 2
Javascript Vue
0 vote219 views1 answer
Vue print date
Javascript Vue
-1 vote209 views1 answer
How to map over arrays vuejs
Javascript Vue
3 votes288 views2 answers
Vue add watcher
Javascript Vue
0 vote155 views1 answer
Vue apollo refetch every x ms
Javascript Vue
0 vote157 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
1 vote142 views1 answer
Vue npx
Javascript Vue
6 votes160 views3 answers
Url params vue
Javascript Vue
3 votes158 views1 answer
Vue js select option disabled false
Javascript Vue