如何在express.js资产上设置响应标头

2020/10/23 15:02 · javascript ·  · 0评论

我需要将CORS设置为在express服务的脚本上启用。如何在这些返回的公共/资产响应中设置标题?

npm上至少有一个中间件用于处理Express中的CORS:cors[请参阅@mscdex答案]

这是从ExpressJS DOC设置自定义响应头的方法

res.set(field, [value])

将标题字段设置为值

res.set('Content-Type', 'text/plain');

或传递一个对象以一次设置多个字段。

res.set({
  'Content-Type': 'text/plain',
  'Content-Length': '123',
  'ETag': '12345'
})

别名为

res.header(field, [value])

真烦人

好的,如果有人仍然有问题或者只是不想添加另一个库。您所要做的就是在路由之前放置此中间件代码行。

Cors示例

app.use((req, res, next) => {
    res.append('Access-Control-Allow-Origin', ['*']);
    res.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.append('Access-Control-Allow-Headers', 'Content-Type');
    next();
});

// Express routes
app.get('/api/examples', (req, res)=> {...});

您可以使用cors做到这一点。cors将处理您的CORS回应

var cors = require('cors')

app.use(cors());

简短答案:

  • res.setHeaders -调用原生Node.js方法

  • res.set -设置标题

  • res.headers -res.set的别名

npm上至少有一个中间件用于处理Express中的CORS:cors

您还可以添加中间件来添加CORS标头,如下所示即可:

/**
 * Adds CORS headers to the response
 *
 * {@link https://en.wikipedia.org/wiki/Cross-origin_resource_sharing}
 * {@link http://expressjs.com/en/4x/api.html#res.set}
 * @param {object} request the Request object
 * @param {object} response the Response object
 * @param {function} next function to continue execution
 * @returns {void}
 * @example
 * <code>
 * const express = require('express');
 * const corsHeaders = require('./middleware/cors-headers');
 *
 * const app = express();
 * app.use(corsHeaders);
 * </code>
 */
module.exports = (request, response, next) => {
    // http://expressjs.com/en/4x/api.html#res.set
    response.set({
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': 'DELETE,GET,PATCH,POST,PUT',
        'Access-Control-Allow-Headers': 'Content-Type,Authorization'
    });

    // intercept OPTIONS method
    if(request.method === 'OPTIONS') {
        response.send(200);
    } else {
        next();
    }
};

@klode的答案是正确的。

但是,您应该设置另一个响应头,以使其他人可以访问您的头。


例:

首先,您在响应标头中添加“页面大小”

response.set('page-size', 20);

然后,您需要做的就是公开标题

response.set('Access-Control-Expose-Headers', 'page-size')
service.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
    next();
  });
本文地址:http://javascript.askforanswer.com/ruhezaiexpress-jszichanshangshezhixiangyingbiaotou.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!