1

Пытаюсь отправить данные формы на сервер nestjs на другом порте, фронт запросы, которые я попробовал:

axios({
        method: 'POST',
        url: 'http://localhost:5000/auth',
        headers: {
          "Access-Control-Allow-Origin": "*"
        },
        data: { nickname: name, password: password } })
        
      axios.post('http://localhost:5000/auth', data, {
        headers: {
          'Access-Control-Allow-Origin': '*',
          }
        }).then(function (response: any) {
          console.log(response);
        })
        .catch(function (error: any) {
          console.log(error);
        });

      await fetch("http://localhost:5000/auth", {
        method: 'POST',
        headers: {
          'Access-Control-Allow-Origin': '*',
        },
        body: JSON.stringify(data)
      })

Также пытался конкретизировать адрес сервера, вместо "*". Сервер принимает так:

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Post('auth')
  @Header('Access-Control-Allow-Origin', 'localhost:3000')
  catchData(@Param('data') data: any): any {
    console.log('data:', data);
    return this.appService.catchData(data);
  }
}

Но я все равно получаю ошибку:

Ошибка

Подскажите в чем проблема.

6
  • Для начала уберите headers из запроса. Эти заголовки должен отправить сервер в ответе, а в запросе они бесполезны и даже вредны т.к. вызывают preflight запрос который вы не обрабатываете на сервере
    – Alexey Ten
    16 апр 2021 в 9:00
  • @AlexeyTen Спасибо, понял, но проблема актуальна.
    – MrYogurt
    16 апр 2021 в 9:15
  • 1
    Перед запуском сервера, Вам нужно включить CORS. docs.nestjs.com/security/cors 16 апр 2021 в 10:24
  • @KonstantinFedorov Спасибо, ошибка пропала, но почему то данные не ловятся, буду разбираться, добавьте ответ, приму.
    – MrYogurt
    16 апр 2021 в 10:27
  • 1
    Попробуйте не через Params, а через Body данные принимать. Вы же в теле запроса передаёте 16 апр 2021 в 10:37

1 ответ 1

1

Перед запуском сервера, Вам нужно включить CORS. docs.nestjs.com/security/cors

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.