Node.js 代理不服务于get请求:http代理中间件

Node.js 代理不服务于get请求:http代理中间件,node.js,reactjs,reverse-proxy,http-proxy-middleware,Node.js,Reactjs,Reverse Proxy,Http Proxy Middleware,我使用http代理中间件对应用程序进行反向代理,以避免开发过程中出现CORS 下面是正在使用的http代理中间件的设置。除了GET之外,我正在获得每个方法的响应 设置: 路径:server/index.js import express from 'express'; import path from 'path'; import webpack from 'webpack'; import webpackMiddleware from 'webpack-dev-middleware'; imp

我使用http代理中间件对应用程序进行反向代理,以避免开发过程中出现CORS

下面是正在使用的http代理中间件的设置。除了GET之外,我正在获得每个方法的响应

设置:

路径:server/index.js

import express from 'express';
import path from 'path';
import webpack from 'webpack';
import webpackMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import webpackConfig from '../webpack.config.dev';
let proxy = require('http-proxy-middleware');
let app = express();
const compiler = webpack(webpackConfig);
app.use(webpackMiddleware(compiler, {
hot: true,
noInfo: true
}));
app.use(webpackHotMiddleware(compiler));
app.get('/*', (req, res) => {
res.sendFile(path.join(__dirname, './index.html'));
});
let options = {
target: 'https://example.com',
changeOrigin: true,
logLevel:'debug',
ws: true,
onProxyReq: function(proxyReq, req, res) {        
    //  log the req
    console.log('RAW REQUEST from the target', JSON.stringify(req.headers, true, 2));
},
onProxyRes: function (proxyRes, req, res) {

    //  log the response
    console.log('RAW Response from the target', JSON.stringify(proxyRes.headers, true, 2));
}
};
app.use(['/front_end_api/**'], proxy(options));
app.listen(3000, () => console.log('Running on localhost'));

如果我在这里做错了什么,请告诉我。

尝试将您的代理移动到
网页开发中间件之前。
import express from 'express';
import path from 'path';
import webpack from 'webpack';
import webpackMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import webpackConfig from '../webpack.config.dev';
let proxy = require('http-proxy-middleware');
let app = express();
const compiler = webpack(webpackConfig);
app.use(webpackMiddleware(compiler, {
hot: true,
noInfo: true
}));
app.use(webpackHotMiddleware(compiler));
app.get('/*', (req, res) => {
res.sendFile(path.join(__dirname, './index.html'));
});
let options = {
target: 'https://example.com',
changeOrigin: true,
logLevel:'debug',
ws: true,
onProxyReq: function(proxyReq, req, res) {        
    //  log the req
    console.log('RAW REQUEST from the target', JSON.stringify(req.headers, true, 2));
},
onProxyRes: function (proxyRes, req, res) {

    //  log the response
    console.log('RAW Response from the target', JSON.stringify(proxyRes.headers, true, 2));
}
};
app.use(['/front_end_api/**'], proxy(options));
app.listen(3000, () => console.log('Running on localhost'));
http代理中间件
存在一个问题,它可能与您看到的内容有关。