1. 暴露自定义响应头
js
// server.js
app.post('/api/user/hello', (req, res) => {
res.setHeader('Access-Control-Allow-Origin', '*')
// 权限设置(如果有个多,用 ,隔开),暴露给前端
res.setHeader('Access-Control-expose-Headers', 'myHeader')
// 后端自定义响应头
res.set('myHeader', 123)
res.json({ hello: 'world' })
})
js
// index.html
fetch('http://localhost:3000/api/user/hello', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
}
}).then(res => {
// 前端获取自定义响应头(前提:后端需要加一个权限)
console.log(res.headers.get('myHeader'))
return res.json()
}).then(response => {
})
预检请求(options)的时机
- POST 请求并且
'Content-Type'
为'application/json'
。 - 跨域
- 自定义响应头