Ошибка при запросе с помощью Fetch?

Question

[Vann Damm]

Сам fetch запрос:

const request = useCallback(async (url, method = 'GET', body = null, headers = {}) => {
    setLoading(true)
    try {
      if (body) {
        body = JSON.stringify(body)
        headers['Content-Type'] = 'application/json'
      }

      const response = await fetch(url, {method, body, headers})
   /// КУСОК КОДА

БЭК:

app.use(express.json({ extended: true }))
app.use('/reg',require('./routes/auth.route.js'));

ROUTER:

router.post(
  "/registration",
  async (req, res) => {
    try {
      const { mail, password } = req.body;
      const isUserWillBe = await User.findOne({ mail });
      if (isUserWillBe) {

// ТОЖЕ КУСОК КОДА,  тут всё понятно, до сюда даже не доходит всё валится на самом запросе.

Запросы с фронта проксирую на бэк , в package.json прописан "proxy": "localhost:51984". Вместо cors'a в на бэке.
Ошибка:

Comments

[Kovalsky]

Ошибка "Method not allowed" как бы намекает на что, что лежит на поверхности

[Vann Damm]

Kovalsky, Да , он не разрешен, но почему? Другие методы тоже не работают

[Даша Циклаури]

Vann Damm, потому что CORS не настроен

[dmitry-toster]

Проблема не в корсах, а скорей всего в этой строчке:
app.use('/reg',require('./routes/auth.route.js'));

у вас правило прописано для /reg а запрос происходит к /reg/registration

[Даша Циклаури]

dmitry-toster, у него роутер прописан дальше, если бы была шляпа с маршрутами то вернуло бы 404, логично?

[dmitry-toster]

Даша Циклаури, если бы была шляпа с корсами, то вернуло бы ошибку с корсами, логично?

[Даша Циклаури]

dmitry-toster, логично, пусть автор покажет префлайт запрос options, если там все нормально, то соглашусь.

[Vann Damm]

Даша Циклаури, 1. "proxy": "localhost:51984". - не работает, еще не проверял почему. 2. Путь должен был быть "localhost:51984/auth/login" a не "/auth/login" из-за нерабочего proxy 3. Cors , у меня он был закоммичен , думал отработает proxy. Вроде всё. P.S всё делал по примеру автора