• 原生跨域
• express跨域
• koa2跨域
• eggJs跨域

[toc]

nodeJs 跨域

原生跨域

var http=require('http');

var server = http.createServer(function (req,res) {
    res.setHeader('Access-Control-Allow-Origin', req.headers.origin)
    res.end("success")
});

server.listen(1200);
console.log('listen on 1200');

express跨域

const express = require('express');
const app = express();

// 注意all方法要先于其它方法执行
app.all('*', function(req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', req.headers.origin)
    next()
})

app.get('/', function (req, res) {
    res.send('success');
});


app.listen(1200, function () {
  console.log('listen on 1200');
});

koa2跨域

const Koa = require('koa')
const Router = require('koa-router')
const cors = require('koa2-cors')
const app = new Koa()
const router = new Router()

/**
 * 待解决
*/
app.use(async function(ctx, next) {
    ctx.set("Access-Control-Allow-Origin", ctx.request.header.origin)
    ctx.set("Access-Control-Allow-Methods", 'GET')
        // .use(async (ctx, next) => {  
    //     console.log(ctx.request.header.origin);
    //     // ctx.set("Access-Control-Allow-Origin", "*")
    //     // ctx.set('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept')
    //     // ctx.set("Cache-Control", "no-catch")
    //     // ctx.set("Access-Control-Allow-Methods", 'POST, GET, PUT, DELETE, OPTIONS')
    //     // ctx.set("Access-Control-Allow-Credentials", 'false')

    //     ctx.set('Access-Control-Allow-Origin', '*');
    //     ctx.set('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
    //     ctx.set('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');

    //     await next()
    // })
    await next()
})

app
    .use(cors({
        origin: function (ctx) {
            // 这里用 headers 和 header 属性皆可
            return ctx.header.origin;
        }
    }))

router.get('/', (ctx) => {
    ctx.response.body = 'success'
})

app.listen(1200, () => {
    console.log('listen on 1200');
});

eggJs跨域

• 安装egg-cors包

// 编辑 config/plugin.js
exports.cors = {
  enable: true,
  package: 'egg-cors',
};

// 编辑config/config.default.js
exports.cors = {
    enable: true,
    package: 'egg-cors',
};

详见egg-cord

欢迎交流 Github