/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 vote128 views1 answer
Global axios vue 2
Javascript Vue
0 vote136 views1 answer
Vuejs input text
Javascript Vue
0 vote88 views3 answers
Using the watch method to monitor route updates in vue
Javascript Vue
1 vote128 views1 answer
Vue directive parameter
Javascript Vue
1 vote128 views2 answers
For i in range vue js
Javascript Vue
1 vote130 views1 answer
Vue check if list is empty
Javascript Vue
0 vote116 views1 answer
Vue store access state in actions
Javascript Vue
0 vote128 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
2 votes127 views1 answer
How to run vue js project on different port
Javascript Vue
1 vote148 views1 answer
Nativescript vue get native from ref
Javascript Vue