在 NodeJS 中允许 CORS

Question

我定义了我的 Express js 应用：

const express = require('express')
var history = require('connect-history-api-fallback');
const path = require('path')
const http = require('http')
const socketio = require('socket.io')

require('./db/mongoose')
const userRouter = require('./routers/user')

const publicDirPath = path.join(__dirname, '../public')
const app = express()

app.use(express.static(publicDirPath))
app.use(history({
  index: '../public/index.html'
}))
app.use(express.static(publicDirPath))
app.use(express.json())
app.use(userRouter)

const server = http.createServer(app)
const io = socketio(server)

io.on('connection', socket => {
  console.log('New WebSocket connection')

  socket.on('join', () => {
    socket.emit('message', 'Welcome to the app')
  })
})

module.exports = server

然后我将它用于我的 index.js 文件：

const app = require('./app')

const port = process.env.PORT

app.listen(port, () => {
  console.log(`Server is up on port ${port}`)
})

当我运行应用程序并从同一个端口发送请求时 - 一切正常。但是当我尝试从不同的本地主机端口发送请求时，即。 8080，我收到跨源错误。 我尝试安装 cors 包并按如下方式使用它：

const cors = require('cors')

app.options('*', cors())
app.use(cors());

得到了同样的结果。

我尝试将配置传递给 cors：

app.use(cors({
  origin: 'http://localhost:8080'
}));

仍然得到相同的结果。

我做错了什么，我该如何让它发挥作用？

Answer 1

当您的前端应用尝试向 express 服务器发出请求时，

快速服务器正在阻止该请求，因为快速服务器不知道请求的来源（即前端服务器）

作为您尝试将其移出快速服务器域的请求。这就是你必须告诉服务器请接受来自这个来源的请求的原因，也就是 IP 地址

你可以通过cors实现

Answer 2

让我们花点时间用简单的话解释一下“起源”是什么。

当用户浏览一个网站时，他会使用一个地址。 通常该地址是一个域，但当我们运行测试时，我们主要使用本地 IP。

对于 CORS，这无关紧要。启用 Allow-Origins 后，服务器会查看用户用于访问网站的地址，并将其定义为请求的“来源”。

显然，在更深层次上，一切都归结为 IP 地址。但是对于 CORS，它更像是一种高级别的安全方法。例如，它有助于防止跨站点请求伪造。

总之，为了让 CORS 工作， 确保您允许用户使用的地址访问 HTTP 服务。

因此，如果您正在为在 http://localhost:8080 上运行的 VUE 应用程序提供服务，并从中调用 http://localhost:5555 上的 HTTP 服务，您需要在上述 HTTP 服务上执行此操作：

app.use(cors({
  origin: 'http://localhost:8080'
}));