CORS Configuration Examples

Configuration Examples

Enable on a service

Enable on a route

Enable globally

The following examples provide some typical configurations for enabling the cors plugin on a service.

Admin API

Kubernetes

Declarative (YAML)

Make the following request:

curl -X POST http://localhost:8001/services/SERVICE_NAME|SERVICE_ID/plugins \
    --data "name=cors"  \
    --data "config.origins=http://mockbin.com"  \
    --data "config.methods=GET"  \
    --data "config.methods=POST"  \
    --data "config.headers=Accept"  \
    --data "config.headers=Accept-Version"  \
    --data "config.headers=Content-Length"  \
    --data "config.headers=Content-MD5"  \
    --data "config.headers=Content-Type"  \
    --data "config.headers=Date"  \
    --data "config.headers=X-Auth-Token"  \
    --data "config.exposed_headers=X-Auth-Token"  \
    --data "config.credentials=true"  \
    --data "config.max_age=3600"

Replace SERVICE_NAME|SERVICE_ID with the id or name of the service that this plugin configuration will target.

First, create a KongPlugin resource:

echo "
apiVersion: configuration.konghq.com/v1
kind: KongPlugin
metadata:
  name: cors-example
plugin: cors
config:
  origins:
  - http://mockbin.com
  methods:
  - GET
  - POST
  headers:
  - Accept
  - Accept-Version
  - Content-Length
  - Content-MD5
  - Content-Type
  - Date
  - X-Auth-Token
  exposed_headers:
  - X-Auth-Token
  credentials: true
  max_age: 3600
" | kubectl apply -f -

Next, apply the KongPlugin resource to an ingress by annotating the service as follows:

kubectl annotate service SERVICE_NAME konghq.com/plugins=cors-example

Replace SERVICE_NAME with the name of the service that this plugin configuration will target. You can see your available ingresses by running kubectl get service.

Note: The KongPlugin resource only needs to be defined once and can be applied to any service, consumer, or route in the namespace. If you want the plugin to be available cluster-wide, create the resource as a KongClusterPlugin instead of KongPlugin.

Add this section to your declarative configuration file:

plugins:
- name: cors
  service: SERVICE_NAME|SERVICE_ID
  config:
    origins:
    - http://mockbin.com
    methods:
    - GET
    - POST
    headers:
    - Accept
    - Accept-Version
    - Content-Length
    - Content-MD5
    - Content-Type
    - Date
    - X-Auth-Token
    exposed_headers:
    - X-Auth-Token
    credentials: true
    max_age: 3600

Replace SERVICE_NAME|SERVICE_ID with the id or name of the service that this plugin configuration will target.

The following examples provide some typical configurations for enabling the cors plugin on a route.

Admin API

Kubernetes

Declarative (YAML)

Make the following request:

curl -X POST http://localhost:8001/routes/ROUTE_NAME|ROUTE_ID/plugins \
    --data "name=cors"  \
    --data "config.origins=http://mockbin.com"  \
    --data "config.methods=GET"  \
    --data "config.methods=POST"  \
    --data "config.headers=Accept"  \
    --data "config.headers=Accept-Version"  \
    --data "config.headers=Content-Length"  \
    --data "config.headers=Content-MD5"  \
    --data "config.headers=Content-Type"  \
    --data "config.headers=Date"  \
    --data "config.headers=X-Auth-Token"  \
    --data "config.exposed_headers=X-Auth-Token"  \
    --data "config.credentials=true"  \
    --data "config.max_age=3600"

Replace ROUTE_NAME|ROUTE_ID with the id or name of the route that this plugin configuration will target.

First, create a KongPlugin resource:

echo "
apiVersion: configuration.konghq.com/v1
kind: KongPlugin
metadata:
  name: cors-example
plugin: cors
config:
  origins:
  - http://mockbin.com
  methods:
  - GET
  - POST
  headers:
  - Accept
  - Accept-Version
  - Content-Length
  - Content-MD5
  - Content-Type
  - Date
  - X-Auth-Token
  exposed_headers:
  - X-Auth-Token
  credentials: true
  max_age: 3600
" | kubectl apply -f -

Next, apply the KongPlugin resource to an ingress by annotating the ingress as follows:

kubectl annotate ingress INGRESS_NAME konghq.com/plugins=cors-example

Replace INGRESS_NAME with the name of the ingress that this plugin configuration will target. You can see your available ingresses by running kubectl get ingress.

Note: The KongPlugin resource only needs to be defined once and can be applied to any service, consumer, or route in the namespace. If you want the plugin to be available cluster-wide, create the resource as a KongClusterPlugin instead of KongPlugin.

Add this section to your declarative configuration file:

plugins:
- name: cors
  route: ROUTE_NAME|ROUTE_ID
  config:
    origins:
    - http://mockbin.com
    methods:
    - GET
    - POST
    headers:
    - Accept
    - Accept-Version
    - Content-Length
    - Content-MD5
    - Content-Type
    - Date
    - X-Auth-Token
    exposed_headers:
    - X-Auth-Token
    credentials: true
    max_age: 3600

Replace ROUTE_NAME|ROUTE_ID with the id or name of the route that this plugin configuration will target.

A plugin which is not associated to any service, route, or consumer is considered global, and will be run on every request. Read the Plugin Reference and the Plugin Precedence sections for more information.

The following examples provide some typical configurations for enabling the CORS plugin globally.

Admin API

Kubernetes

Declarative (YAML)

Make the following request:

curl -X POST http://localhost:8001/plugins/ \
    --data "name=cors"  \
    --data "config.origins=http://mockbin.com"  \
    --data "config.methods=GET"  \
    --data "config.methods=POST"  \
    --data "config.headers=Accept"  \
    --data "config.headers=Accept-Version"  \
    --data "config.headers=Content-Length"  \
    --data "config.headers=Content-MD5"  \
    --data "config.headers=Content-Type"  \
    --data "config.headers=Date"  \
    --data "config.headers=X-Auth-Token"  \
    --data "config.exposed_headers=X-Auth-Token"  \
    --data "config.credentials=true"  \
    --data "config.max_age=3600"

Create a KongClusterPlugin resource and label it as global:

apiVersion: configuration.konghq.com/v1
kind: KongClusterPlugin
metadata:
  name: <global-cors>
  annotations:
    kubernetes.io/ingress.class: kong
  labels:
    global: "true"
config:
  origins:
  - http://mockbin.com
  methods:
  - GET
  - POST
  headers:
  - Accept
  - Accept-Version
  - Content-Length
  - Content-MD5
  - Content-Type
  - Date
  - X-Auth-Token
  exposed_headers:
  - X-Auth-Token
  credentials: true
  max_age: 3600
plugin: cors

Add a plugins entry in the declarative configuration file:

plugins:
- name: cors
  config:
    origins:
    - http://mockbin.com
    methods:
    - GET
    - POST
    headers:
    - Accept
    - Accept-Version
    - Content-Length
    - Content-MD5
    - Content-Type
    - Date
    - X-Auth-Token
    exposed_headers:
    - X-Auth-Token
    credentials: true
    max_age: 3600

Previous CORS Configuration