Javascript Express server和Axios CORS飞行前响应不成功

我使用react.js（在端口3000上运行）执行以下get操作

我正在使用代理将其发送到运行在端口3001上的express服务器。express服务器中的App.js文件如下所示：

var express = require('express');
var app = express();
var cors = require('cors')
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
//app.use(logger('dev'));

// app.use(function(req, res, next) {
//   res.header("Access-Control-Allow-Origin", "*");
//   res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
//   res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
//   next();
// });

app.all('*', function(req, res, next) {
  res.header('Access-Control-Allow-Origin', 'URLs to trust of allow');
  res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  if ('OPTIONS' == req.method) {
    res.sendStatus(200);
  } else {
    next();
  }
});


//app.use(cors())
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: false
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);
app.use('/schools', schools);

console.log("IN APP.JS");
// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

出于某种原因，我得到以下错误：

[错误]加载资源失败：飞行前响应未成功（MR，第0行）

[错误]无法加载XMLHttpRequest。飞行前响应不成功

在react端（前端），我有一个package.json文件：

"proxy": "http://localhost:3001",

我曾尝试在App.js文件中使用不同的头文件，并尝试使用cors库来实现此功能，等等。如何修复此错误

---

谢谢

我找到了解决办法。问题是什么。我确实必须从前端移除头部。第二点，也可能是最重要的一点是，当您使用代理进行axios调用时，不应执行以下操作：

var api\u url=“http:localhost” axios.get（api_url+'/schools/countries/'+country）

您应该这样做：

axios.get('/schools/countries/' + country)

---

没有本地主机部分。

从前端代码中删除

标题：{'Access Control Allow Origin'：'*'，'Access Control Allow headers'：'Origin，X-request-With，Content Type，Accept'，}

部分。这些头是服务器要发送的响应头。将它们添加为请求头的唯一效果就是按照您所看到的方式进行分解。当我这样做时，我会收到以下错误：[Error]访问控制不允许使用Origin Allow Origin。[错误]加载资源失败：访问控制不允许源站允许源站。（MR，第0行）[错误]由于访问控制检查，无法加载XMLHttpRequest。

axios.get('/schools/countries/' + country)