/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

-2 votes134 views1 answer
Vue js get routes
Javascript Vue
1 vote130 views1 answer
Import vuex in composition api
Javascript Vue
17 votes263 views6 answers
Vue cdn
Javascript Vue
0 vote90 views1 answer
Dateformat filter vue
Javascript Vue
0 vote121 views1 answer
Vue electron name and icon
Javascript Vue
0 vote130 views1 answer
Vuejs input call the value
Javascript Vue
2 votes111 views1 answer
Vue router 404 page
Javascript Vue
1 vote139 views1 answer
Vue js access data in method
Javascript Vue
16 votes275 views4 answers
Vue class add if
Javascript Vue
1 vote127 views1 answer
Vue directive parameter
Javascript Vue