CORS POST 请求在主机和域上的 EXPRESS 和 REACT 中被阻止答案

【问题标题】：CORS POST request blocked in EXPRESS & REACT on hosting & domainCORS POST 请求在主机和域上的 EXPRESS 和 REACT 中被阻止
【发布时间】：2020-06-13 13:47:53
【问题描述】：

我正在使用 express CORS 模块并在我的主机和域上响应 AXIOS。

我在路由中间件中定义了CORS()，GET 请求运行良好。

但对于 POST 和 PUT 请求，仍然会显示 Access-Control-Allow-Origin BLOCKED 错误。

另外我正在使用 webpack 和开发服务器来代理前端反应

这是我的快递server.js文件

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

const db = require("./config/db");
db.connect(() => {
  console.log(`Postgres connected`);
});
// Middlewares

// CORS
const cors = require("cors");
app.use(cors(
    {
    origin: http://asia-sarmaye.ir
}));
// BodyParsing
var bodyParser = require("body-parser");
app.use(
  bodyParser.urlencoded({
    extended: false
  })
);
app.use(bodyParser.json());
// Router
app.use("/api", cors(), require("./routes/dum"));

// Listening
const port = 4000;
app.listen(port, () => {
  console.log(`Listening on port ${port}`);
});

这是 REACT axios POST 请求

axios
          .post(
            "http://api.asia-sarmaye.ir/api/user",
            {
              headers: { "Access-Control-Allow-Origin": "*" }
            },
            data,
            res => {
              console.log(res.data);
            }
          )

知道如何解决这个问题吗？

【问题讨论】：

标签： node.js reactjs express

【解决方案1】：

你需要设置代理。
希望下面给出的链接对您有所帮助。它也帮助了我。

Enable CORS in my React App with Node.js backend

【讨论】：