Webpack devServer CORS proxy for back-end api

Question

>我想使用 Webpack devServer 为后端 restful API 建立一个 cors-proxy 。实际模式可能如下所示：

https://localhost:3000/back-end/restful/api

localhost:3000由 Webpack devServer 打开的，https://back-end/restful/api是后端 API。无论如何getpostputdelete都可以以这种模式转发。有什么解决方案可以解决它吗？

Answer 1

上下文

你需要的是一个middleware。而快递提供了一个与CORS一起工作。

例子

基于终结点的实际使用示例为：

为任何路由定义

const express = require('express');
const cors = require('cors');
const app = express();
const corsOptions = {
origin: 'http://example.com',
optionsSuccessStatus: 200
};
app.use(cors(corsOptions));
app.get('/back-end/restful/api', function (req, res, next) {
// Write your logic here
// ie:
res.json({ msg: 'CORS-enabled!' })
});

为某些路由定义

const express = require('express');
const cors = require('cors');
const app = express();
const corsOptions = {
origin: 'http://example.com',
optionsSuccessStatus: 200
};
app.get('/back-end/restful/api', cors(corsOptions), function (req, res, next) {
// Write your logic here
// ie:
res.json({ msg: 'CORS-enabled!' })
});

有关Express的CORS项目的更多文档。