Express Router 端点的 CORS 问题

Question

我有一个反应应用程序，它正在对一个快速节点服务器进行 REST。快速路由器定义了一堆休息端点。当我使用邮递员点击快速路由器中的端点时，它工作正常。当我用我的反应应用程序到达端点时，它没有。当我的反应应用程序使用 axios 进行调用时，我看到 400 错误。这就是我的 index.js 的样子：const express = require("express");const mongoose = require("mongoose");const bodyParser = require("body-parser");const passport = require("passport");const cors = require("cors");const app = express();app.use(bodyParser.urlencoded({ extended: false }));// server.use(bodyParser.json());app.use(cors());// app.options("*", cors());const UserModel = require("./models/User");mongoose  .connect(    "mongodb"  )  .then(() => console.log("SUCESSFULLY connected to MongoDB!"))  .catch((error) => console.log(`FAILED tot connect to MongoDB: ${error}`));require("./auth/localStrategyAuth");const authRoutes = require("./routes/authRoutes");app.use("/v1", authRoutes);// app.post("/", (req, res) => {//   res.send("Hello World!");// });// app.post("/v1/signup", (req, res) => {//   console.log("lol");// });// app.use(express.json());const PORT = 5000;app.listen(PORT, () =>  console.log(`ui-rest listening on port localhost:${PORT}`));用户.jsconst mongoose = require("mongoose");const bcrypt = require("bcrypt");const { Schema } = mongoose;const UserSchema = new Schema({  email: {    type: String,    required: true,    unique: true,  },  password: {    type: String,    required: true,  },});const UserModel = mongoose.model("user", UserSchema);module.exports = UserModel;authRoutes.jsconst express = require("express");const passport = require("passport");const jwt = require("jsonwebtoken");const JWTstrategy = require("passport-jwt").Strategy;//We use this to extract the JWT sent by the userconst ExtractJWT = require("passport-jwt").ExtractJwt;const router = express.Router();

Answer 1

400 表示请求错误，您的问题与 cors 无关。您没有设置您的 api 来处理响应发送的 JSON 数据，因此它无法读取您的 request.body 并给出 400-Bad Request。

所以你需要添加这一行：

app.use(bodyParser.json());

同样在当前版本的 express 中，body parser 不是必需的，它带有 express。所以你可以像这样使用它：

app.use(express.json());

它与邮递员合作的原因是您以 x-www-form-urlencoded 发送数据。

Answer 2

您可以使用检查我的代码是否有 cors 错误。

const express = require('express');

var mongoose = require('mongoose');

const bodyParser = require('body-parser');

var morgan = require('morgan');

var cors = require('cors')

const app = express();

// CORS Middleware

app.use(cors());

// Logger Middleware

app.use(morgan('dev'));

// Bodyparser Middleware

app.use(bodyParser.json());

const MongoClient = require('mongodb').MongoClient;

const uri = "uri";

const client = new MongoClient(uri, { useNewUrlParser: true, useUnifiedTopology: true });

client.connect(err => {

  console.log('MongoDB Connected...')

  const collection = client.db("dbname").collection("collectionname");

  app.post('/name', (req, res) => {

    collection. insertOne({ name: req.body.name })

    res.send("data added")

  });

});

const port = process.env.PORT || 5000;

app.listen(port, function () {

  console.log(`Example app listening on port ${port}`);

});

Answer 3

您需要将 cors 中间件注册到 express 应用程序中。

const express = require("express");

const bodyParser = require("body-parser");

const cors = require("cors");

const app = express();

app.use(cors());

app.post("/", (req, res) => {

  res.send("Hello World!");

});

const PORT = 5000;

app.listen(PORT, () => console.log(`listening on port localhost:${PORT}`)