express解决跨域问题

1,579 阅读1分钟

1、cors的基本使用

总共需要三步:

1 安装cors中间件

2 引入中间件

3 注册中间件

npm i cors
​
const cors = require('cors')
​
app.use(cors())
​
​
const cors = require('cors')
const express = require('express')
const app =express()
app.use(cors())

此外,res中可以对响应头进行一些设置

2、cors的相关设置

Access-Control-Allow-Origin设置

res.setHeader('Access-Control-Allow-Origin',"*")// 默认设置
res.setHeader('Access-Control-Allow-Origin',"http://www.baidu.com")// 只允许来自www.baidu.com 的请求

Access-Control-Allow-Headers设置

// 默认只支持9个请求头 :Accept、 Accept-Language、 Content-Language、 DPR、 Downlink、 Save-Data、 Viewport-WidthWidth 、
// Content-Type (值仅限于 text/plain、 multipart/form-data、 application/x-www-form-urlencoded 三者之一)
​
// 可以通过下面的命令进行设置
res.setHeader('Access-Control-Allow-Headers','Content-Type,aaa')// 设置多个请求头,采用逗号分割

Access-Control-Allow-Methods设置

// 默认情况下,Cors仅支持GET/POST/HEAD方式 ,可以通过下面的代码添加请求方式
res.setHeader('Access-Control-Allow-Methods','POST,GET,DELETE')

\