Tim van der Lippe | c7b05fe | 2021-02-12 15:43:31 | [diff] [blame] | 1 | # cors |
| 2 | |
| 3 | [![NPM Version][npm-image]][npm-url] |
| 4 | [![NPM Downloads][downloads-image]][downloads-url] |
| 5 | [![Build Status][travis-image]][travis-url] |
| 6 | [![Test Coverage][coveralls-image]][coveralls-url] |
| 7 | |
| 8 | CORS is a node.js package for providing a [Connect](http://www.senchalabs.org/connect/)/[Express](http://expressjs.com/) middleware that can be used to enable [CORS](http://en.wikipedia.org/wiki/Cross-origin_resource_sharing) with various options. |
| 9 | |
| 10 | **[Follow me (@troygoode) on Twitter!](https://twitter.com/intent/user?screen_name=troygoode)** |
| 11 | |
| 12 | * [Installation](#installation) |
| 13 | * [Usage](#usage) |
| 14 | * [Simple Usage](#simple-usage-enable-all-cors-requests) |
| 15 | * [Enable CORS for a Single Route](#enable-cors-for-a-single-route) |
| 16 | * [Configuring CORS](#configuring-cors) |
| 17 | * [Configuring CORS Asynchronously](#configuring-cors-asynchronously) |
| 18 | * [Enabling CORS Pre-Flight](#enabling-cors-pre-flight) |
| 19 | * [Configuration Options](#configuration-options) |
| 20 | * [Demo](#demo) |
| 21 | * [License](#license) |
| 22 | * [Author](#author) |
| 23 | |
| 24 | ## Installation |
| 25 | |
| 26 | This is a [Node.js](https://nodejs.org/en/) module available through the |
| 27 | [npm registry](https://www.npmjs.com/). Installation is done using the |
| 28 | [`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally): |
| 29 | |
| 30 | ```sh |
| 31 | $ npm install cors |
| 32 | ``` |
| 33 | |
| 34 | ## Usage |
| 35 | |
| 36 | ### Simple Usage (Enable *All* CORS Requests) |
| 37 | |
| 38 | ```javascript |
| 39 | var express = require('express') |
| 40 | var cors = require('cors') |
| 41 | var app = express() |
| 42 | |
| 43 | app.use(cors()) |
| 44 | |
| 45 | app.get('/products/:id', function (req, res, next) { |
| 46 | res.json({msg: 'This is CORS-enabled for all origins!'}) |
| 47 | }) |
| 48 | |
| 49 | app.listen(80, function () { |
| 50 | console.log('CORS-enabled web server listening on port 80') |
| 51 | }) |
| 52 | ``` |
| 53 | |
| 54 | ### Enable CORS for a Single Route |
| 55 | |
| 56 | ```javascript |
| 57 | var express = require('express') |
| 58 | var cors = require('cors') |
| 59 | var app = express() |
| 60 | |
| 61 | app.get('/products/:id', cors(), function (req, res, next) { |
| 62 | res.json({msg: 'This is CORS-enabled for a Single Route'}) |
| 63 | }) |
| 64 | |
| 65 | app.listen(80, function () { |
| 66 | console.log('CORS-enabled web server listening on port 80') |
| 67 | }) |
| 68 | ``` |
| 69 | |
| 70 | ### Configuring CORS |
| 71 | |
| 72 | ```javascript |
| 73 | var express = require('express') |
| 74 | var cors = require('cors') |
| 75 | var app = express() |
| 76 | |
| 77 | var corsOptions = { |
| 78 | origin: 'http://example.com', |
| 79 | optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204 |
| 80 | } |
| 81 | |
| 82 | app.get('/products/:id', cors(corsOptions), function (req, res, next) { |
| 83 | res.json({msg: 'This is CORS-enabled for only example.com.'}) |
| 84 | }) |
| 85 | |
| 86 | app.listen(80, function () { |
| 87 | console.log('CORS-enabled web server listening on port 80') |
| 88 | }) |
| 89 | ``` |
| 90 | |
| 91 | ### Configuring CORS w/ Dynamic Origin |
| 92 | |
| 93 | ```javascript |
| 94 | var express = require('express') |
| 95 | var cors = require('cors') |
| 96 | var app = express() |
| 97 | |
| 98 | var whitelist = ['http://example1.com', 'http://example2.com'] |
| 99 | var corsOptions = { |
| 100 | origin: function (origin, callback) { |
| 101 | if (whitelist.indexOf(origin) !== -1) { |
| 102 | callback(null, true) |
| 103 | } else { |
| 104 | callback(new Error('Not allowed by CORS')) |
| 105 | } |
| 106 | } |
| 107 | } |
| 108 | |
| 109 | app.get('/products/:id', cors(corsOptions), function (req, res, next) { |
| 110 | res.json({msg: 'This is CORS-enabled for a whitelisted domain.'}) |
| 111 | }) |
| 112 | |
| 113 | app.listen(80, function () { |
| 114 | console.log('CORS-enabled web server listening on port 80') |
| 115 | }) |
| 116 | ``` |
| 117 | |
| 118 | If you do not want to block REST tools or server-to-server requests, |
| 119 | add a `!origin` check in the origin function like so: |
| 120 | |
| 121 | ```javascript |
| 122 | var corsOptions = { |
| 123 | origin: function (origin, callback) { |
| 124 | if (whitelist.indexOf(origin) !== -1 || !origin) { |
| 125 | callback(null, true) |
| 126 | } else { |
| 127 | callback(new Error('Not allowed by CORS')) |
| 128 | } |
| 129 | } |
| 130 | } |
| 131 | ``` |
| 132 | |
| 133 | ### Enabling CORS Pre-Flight |
| 134 | |
| 135 | Certain CORS requests are considered 'complex' and require an initial |
| 136 | `OPTIONS` request (called the "pre-flight request"). An example of a |
| 137 | 'complex' CORS request is one that uses an HTTP verb other than |
| 138 | GET/HEAD/POST (such as DELETE) or that uses custom headers. To enable |
| 139 | pre-flighting, you must add a new OPTIONS handler for the route you want |
| 140 | to support: |
| 141 | |
| 142 | ```javascript |
| 143 | var express = require('express') |
| 144 | var cors = require('cors') |
| 145 | var app = express() |
| 146 | |
| 147 | app.options('/products/:id', cors()) // enable pre-flight request for DELETE request |
| 148 | app.del('/products/:id', cors(), function (req, res, next) { |
| 149 | res.json({msg: 'This is CORS-enabled for all origins!'}) |
| 150 | }) |
| 151 | |
| 152 | app.listen(80, function () { |
| 153 | console.log('CORS-enabled web server listening on port 80') |
| 154 | }) |
| 155 | ``` |
| 156 | |
| 157 | You can also enable pre-flight across-the-board like so: |
| 158 | |
| 159 | ```javascript |
| 160 | app.options('*', cors()) // include before other routes |
| 161 | ``` |
| 162 | |
| 163 | ### Configuring CORS Asynchronously |
| 164 | |
| 165 | ```javascript |
| 166 | var express = require('express') |
| 167 | var cors = require('cors') |
| 168 | var app = express() |
| 169 | |
| 170 | var whitelist = ['http://example1.com', 'http://example2.com'] |
| 171 | var corsOptionsDelegate = function (req, callback) { |
| 172 | var corsOptions; |
| 173 | if (whitelist.indexOf(req.header('Origin')) !== -1) { |
| 174 | corsOptions = { origin: true } // reflect (enable) the requested origin in the CORS response |
| 175 | } else { |
| 176 | corsOptions = { origin: false } // disable CORS for this request |
| 177 | } |
| 178 | callback(null, corsOptions) // callback expects two parameters: error and options |
| 179 | } |
| 180 | |
| 181 | app.get('/products/:id', cors(corsOptionsDelegate), function (req, res, next) { |
| 182 | res.json({msg: 'This is CORS-enabled for a whitelisted domain.'}) |
| 183 | }) |
| 184 | |
| 185 | app.listen(80, function () { |
| 186 | console.log('CORS-enabled web server listening on port 80') |
| 187 | }) |
| 188 | ``` |
| 189 | |
| 190 | ## Configuration Options |
| 191 | |
| 192 | * `origin`: Configures the **Access-Control-Allow-Origin** CORS header. Possible values: |
| 193 | - `Boolean` - set `origin` to `true` to reflect the [request origin](http://tools.ietf.org/html/draft-abarth-origin-09), as defined by `req.header('Origin')`, or set it to `false` to disable CORS. |
| 194 | - `String` - set `origin` to a specific origin. For example if you set it to `"http://example.com"` only requests from "http://example.com" will be allowed. |
| 195 | - `RegExp` - set `origin` to a regular expression pattern which will be used to test the request origin. If it's a match, the request origin will be reflected. For example the pattern `/example\.com$/` will reflect any request that is coming from an origin ending with "example.com". |
| 196 | - `Array` - set `origin` to an array of valid origins. Each origin can be a `String` or a `RegExp`. For example `["http://example1.com", /\.example2\.com$/]` will accept any request from "http://example1.com" or from a subdomain of "example2.com". |
| 197 | - `Function` - set `origin` to a function implementing some custom logic. The function takes the request origin as the first parameter and a callback (which expects the signature `err [object], allow [bool]`) as the second. |
| 198 | * `methods`: Configures the **Access-Control-Allow-Methods** CORS header. Expects a comma-delimited string (ex: 'GET,PUT,POST') or an array (ex: `['GET', 'PUT', 'POST']`). |
| 199 | * `allowedHeaders`: Configures the **Access-Control-Allow-Headers** CORS header. Expects a comma-delimited string (ex: 'Content-Type,Authorization') or an array (ex: `['Content-Type', 'Authorization']`). If not specified, defaults to reflecting the headers specified in the request's **Access-Control-Request-Headers** header. |
| 200 | * `exposedHeaders`: Configures the **Access-Control-Expose-Headers** CORS header. Expects a comma-delimited string (ex: 'Content-Range,X-Content-Range') or an array (ex: `['Content-Range', 'X-Content-Range']`). If not specified, no custom headers are exposed. |
| 201 | * `credentials`: Configures the **Access-Control-Allow-Credentials** CORS header. Set to `true` to pass the header, otherwise it is omitted. |
| 202 | * `maxAge`: Configures the **Access-Control-Max-Age** CORS header. Set to an integer to pass the header, otherwise it is omitted. |
| 203 | * `preflightContinue`: Pass the CORS preflight response to the next handler. |
| 204 | * `optionsSuccessStatus`: Provides a status code to use for successful `OPTIONS` requests, since some legacy browsers (IE11, various SmartTVs) choke on `204`. |
| 205 | |
| 206 | The default configuration is the equivalent of: |
| 207 | |
| 208 | ```json |
| 209 | { |
| 210 | "origin": "*", |
| 211 | "methods": "GET,HEAD,PUT,PATCH,POST,DELETE", |
| 212 | "preflightContinue": false, |
| 213 | "optionsSuccessStatus": 204 |
| 214 | } |
| 215 | ``` |
| 216 | |
| 217 | For details on the effect of each CORS header, read [this](http://www.html5rocks.com/en/tutorials/cors/) article on HTML5 Rocks. |
| 218 | |
| 219 | ## Demo |
| 220 | |
| 221 | A demo that illustrates CORS working (and not working) using jQuery is available here: [http://node-cors-client.herokuapp.com/](http://node-cors-client.herokuapp.com/) |
| 222 | |
| 223 | Code for that demo can be found here: |
| 224 | |
| 225 | * Client: [https://github.com/TroyGoode/node-cors-client](https://github.com/TroyGoode/node-cors-client) |
| 226 | * Server: [https://github.com/TroyGoode/node-cors-server](https://github.com/TroyGoode/node-cors-server) |
| 227 | |
| 228 | ## License |
| 229 | |
| 230 | [MIT License](http://www.opensource.org/licenses/mit-license.php) |
| 231 | |
| 232 | ## Author |
| 233 | |
| 234 | [Troy Goode](https://github.com/TroyGoode) ([[email protected]](mailto:[email protected])) |
| 235 | |
| 236 | [coveralls-image]: https://img.shields.io/coveralls/expressjs/cors/master.svg |
| 237 | [coveralls-url]: https://coveralls.io/r/expressjs/cors?branch=master |
| 238 | [downloads-image]: https://img.shields.io/npm/dm/cors.svg |
| 239 | [downloads-url]: https://npmjs.org/package/cors |
| 240 | [npm-image]: https://img.shields.io/npm/v/cors.svg |
| 241 | [npm-url]: https://npmjs.org/package/cors |
| 242 | [travis-image]: https://img.shields.io/travis/expressjs/cors/master.svg |
| 243 | [travis-url]: https://travis-ci.org/expressjs/cors |