我有一个简单的反应和快速设置。我正在向响应添加标头,但并不是所有的标头都可以在react应用程序中使用。
在快递中…
app.post('/api/createpdf', (req, res) => { console.log("Handling..."); let absoluteFilePath = ... res.setHeader('Content-disposition', 'attachment; filename=test'); res.setHeader('a', 'b'); res.setHeader('Content-types', 'application/pdf'); res.setHeader('c', 'd'); var filestream = fs.createReadStream(absoluteFilePath); filestream.pipe(res); }
反应…
createPdf_onClick() { console.log("Creating PDF..."); fetch(`http://localhost:3001/api/createpdf`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ "a": "b", "c": "d"})}) .then(response => { console.log("Headers..."); response.headers.forEach((v, k, p) => { console.log("k: " + k + ", v: " + v); }); console.log("done"); }); }
控制台输出…
App.js:38 Headers... App.js:40 k: content-type, v: application/pdf App.js:42 done
的 Access-Control-Expose-Headers 响应报头指示哪些报头可以公开为通过列出他们的名字的响应的一部分。 默认情况下,仅公开6个简单响应头: 缓存控制 内容语言 内容类型 过期 最后修改 语用 如果希望客户端能够访问其他标头,则必须使用Access-Control-Expose-Headers标头列出它们。
的 Access-Control-Expose-Headers 响应报头指示哪些报头可以公开为通过列出他们的名字的响应的一部分。
Access-Control-Expose-Headers
默认情况下,仅公开6个简单响应头:
如果希望客户端能够访问其他标头,则必须使用Access-Control-Expose-Headers标头列出它们。
访问控制公开标头