Что за ответ приходит от сервера nginx?

Question

[Максим js]

Отправляю пост запрос на сервер с данными для регистрации, но получаю что-то не понятное. Подскажите что может быть?

Comments

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

Это не ответ от сервера. Запрос вообще не был отправлен, возможно из-за адблокера или ещё по каким-то причинам

[Александр Карабанов]

Answer 1

[ky0]

...а закончится всё, как обычно, добавлением заголовков CORS.

Comments

[Максим js]

Можно подробнее пожалуйста, а то делаю регистрацию и авторизацию первый раз и не пойму то ли на бэке проблема то-ли у меня?

[ky0]

Максим js, в вопросе вы не показали ответа сервера - а нужно смотреть именно на него. Если запрос до сервера не доходит - нужно смотреть в консоли, почему.

[Максим js]

ky0, Access to XMLHttpRequest at '167.172.104.84/api/auth/sign-up' from origin 'localhost:3000' 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. Это значит что в моем запросе нет заголовка?
вот actions

async REGISTRATION({ commit }, payload) {
    const resp = await axios.post(`${BASE_URL}/auth/sign-up`, payload);
    console.log(resp);
  },

и сам метод

async registration() {
      const payload = {
        email: this.email,
        password: this.password,
        firstName: this.firstName,
        lastName: this.lastName,
      };
      try {
        await this.$store.dispatch('auth/REGISTRATION', payload);
        this.showConfirm();
      } catch (e) {
        console.log(e);
      }
    },

[ky0]

Максим js, ну, вот - похоже, я угадал :)

https://enable-cors.org/server_nginx.html

[Максим js]

ky0, то есть мне нужно при POST запросе добавлять такие заголовки?
if ($request_method = 'POST') {
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range' always;
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range' always;
}

[ky0]

Максим js, это просто заготовка, можно начать с неё - но вообще стоит вдумчиво почитать про CORS и настроить более специфично, под ваши нужды.