Node express实现允许跨域

var express = require('express');
const bodyParser = require('body-parser')
var path = require('path');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var adminRouter = require('./routes/admin');

var app = express();

//改写
var http = require('http');
var server = http.createServer(app);

//  注意app.all要写在  app.use之前
app.all("*",function(req,res,next){
    //设置允许跨域的域名，*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin","*");
    //允许的header类型
    res.header("Access-Control-Allow-Headers","content-type");
    //跨域允许的请求方式 
    res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
    if (req.method.toLowerCase() == 'options')
        res.send(200);  //让options尝试请求快速结束
    else
        next();
})

app.use(express.urlencoded({ extended: false }));
// 静态资源
app.use(express.static(path.join(__dirname, 'public')));
// post请求
app.use(bodyParser.urlencoded({extended: true}))

app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/admin', adminRouter);

server.listen('3000')

由于自定义了请求头，会多发送一次options请求：

在这里插入图片描述

为什么会多发送options请求：

有一种请求叫做**Preflighted Request**（带预检的跨域请求）。

Preflighted Request 在发送真正的请求前，会先发送一个方法为 OPTIONS 的预请求(Preflighted Request)，用于试探服务端是否能接受真正的请求。如果options获得的回应时拒绝性质的，如404、403、500等状态，就会停止post、get请求的发出。所以，options成功后才会进行get post请求

Node express实现允许跨域

相关文章