Почему cors не работает на отдельных роутах?

Question

[Boris007]

При таком обозначении cors, запросы с клиента обрабатываются

import express from 'express'
import { user } from './user.controller.js'
import bodyParser from 'body-parser'
import cors from 'cors'

const app = express()
app.use(cors())
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))
app.use('/', index)
app.use('/user', user)
app.listen(port)

Но стоит удалить из основного файла app.use(cors()) и добавить в роут cors(), то запрос жалуется на cors
Файл user.controller.js

import express from 'express'
const router = express.Router()
import cors from 'cors'

router.post('/', cors(), async function(req, res, next) {
	res.send('hello world')
});

Как настроить роут post на localhost/user, чтобы экспресс обрабатывал эти запросы?

Comments

[Lynn «Кофеман»]

> то запрос жалуется на cors

Конкретнее? Покажите код запроса, и конкретную ошибку.

[Boris007]

Lynn «Кофеман»,
Я запустил два сервера
На одном клиент, а на другом сервис
При попытке сделать запрос выдает ошибку

const response = await fetch('http://localhost:3000/user', {
      method: 'POST',
      body: JSON.stringify(data.current),
      headers: {
        'Content-Type': 'application/json'
      }
    })

Access to fetch at 'http://localhost:3000/user' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[Lynn «Кофеман»]

Boris007, ну вот теперь понятно.
У тебя сложный запрос и браузер сначала делает preflight-запрос методом OPTIONS.
А в твоём коде этот метод никак не обрабатывается.

https://developer.mozilla.org/en-US/docs/Web/HTTP/...

[Boris007]

Lynn «Кофеман», я изменил, но ничего не заработало

router.post('/', async function(req, res, next) {
	res.setHeader('Access-Control-Allow-Origin', 'http://localhost:5173')
	res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
	next()
	res.send('hello world')
});

Так же

Access to fetch at 'http://localhost:3000/user' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[Lynn «Кофеман»]

Boris007, Т.е. выдеденное слово OPTIONS вам ничего не говорит?

[Boris007]

Lynn «Кофеман», если расскоментировать app.user(cors()), то работает, а без него, не хочет
// app.use(cors())

app.post('/user', cors(), (req, res) => {
    res.setHeader('Access-Control-Allow-Origin', '*')
    res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
    res.send(JSON.stringify('hello world'))
})

Так тоже не работает

app.post('/user',  (req, res) => {
    res.setHeader('Access-Control-Allow-Origin', '*')
    res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
    res.send(JSON.stringify('hello world'))
})

[Lynn «Кофеман»]

Я могу только в третий раз повторить что options ≠ post.

Ну надо же хоть немного понимать что ты пишешь?

[Boris007]

Lynn «Кофеман», спасибо, но это все равно не помогло
Так оно работает, но это для всех маршрутов

app.use((req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', '*')
    res.setHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS')
    res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
    console.log('middleware has been done')
    next()
})

А я хотел только на один сделать

app.post('/user', (req, res) => {
    res.send(JSON.stringify('hello world'))
})

Answer 1

[Lynn «Кофеман»]

RTFM https://www.npmjs.com/package/cors#enabling-cors-p...

app.options('/user', cors());
app.post('/user', cors(), ....);

Comments

[Boris007]

Спасибо!
Почему я на клиенте не вижу запроса options при отправки через fetch?
В примерах описывается, что всегда идет два запроса
Первый options, а второй уже get, post и т.д.
Но у меня в хроме network options не отображается

[Lynn «Кофеман»]

Boris007,
Вроде всё видно
Вот я открыл консоль и написал fetch('https://ya.ru', { method: 'PUT' });



Почему они отобразились в таком порядке я не знаю

[Boris007]

Lynn «Кофеман», да, в яндексе у меня тоже отобразился, а в хроме, пишут, что убрали без возможности включить