node.js - Cors 已启用但表示阻止请求？

Question

我有一个反应前端，它正在向我的 nodejs express 后端发出请求。像这样启用 Cors

import express, { Express } from 'express'
import cors from 'cors'
import todoRoutes from './routes/router'

const app: Express = express()

const PORT: string | number = process.env.PORT || 4000

app.use(cors())
app.use(express.json())

但是，当我提出请求时，我仍然收到此错误

index.js:1 Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:91)

我的请求看起来像这样

const addTodo = async (
    formData: ITodo
): Promise<void> => {
    const todo: Omit<ITodo, '_id'> = {
      name: formData.name,
      text: formData.text,
      status: false,
      createdAt: formData.createdAt
      }
    return await axios.post(
        api + '/add-todo', {
          headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json'
          },
          todo
        }
    ).then((response => {
          console.log(response)

        }
    ), (error) => {
      console.error(error)
      throw new Error(error)
    })

在 devtools 的 Network 选项卡中，它只显示状态 blocked:other

标签： node.jsexpressaxios