/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

3 votes141 views3 answers
Vue fetch
Javascript Vue
0 vote147 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
0 vote139 views1 answer
How to open same project on different devices vue js
Javascript Vue
2 votes120 views1 answer
Vue router 404 page
Javascript Vue
0 vote138 views1 answer
Vuejs get data fromo ajax
Javascript Vue
0 vote142 views1 answer
How to pass methods in vue js
Javascript Vue
1 vote134 views1 answer
Fetch in vue 3
Javascript Vue
0 vote137 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
5 votes134 views1 answer
Comment in vue js
Javascript Vue
2 votes141 views1 answer
Vue pdf vue jest
Javascript Vue