0

Estou com um site em reactjs que está rodando normalmente com o Nginx, mas não consigo fazer ele se comunicar com nenhuma api, estou rodando as apis com o pm2 e consigo comunicação normal com elas através do postman. Minhas apis são em nodejs e o meu site precisa consumir essas apis para rodar todas as funcionalidades.

Preciso que ele consigo se comunicar com essas apis que estão todas no mesmo servidor.

Tentei muitas coisas e estou aberto a sugestões, desde já fico grato. Alterei no site para tentar localhost:3001/users e localhost/api/users, não obtive sucesso.

segue o que tem no meu arquivo dentro de sites-available do nginx:

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html/react/dist;

        index index.html index.htm index.nginx-debian.html;

        server_name exemplo.com.br;

         location /api1/ {
          proxy_pass http://localhost:3001/;
         }

        location / {
                try_files $uri $uri/ =404;
        }
}
19
  • uma coisa que me chamou atenção é que tem um número 1 ali logo depois da palavra api isso é proposital?
    – Danizavtz
    Commented 2/03/2023 às 20:31
  • sim, é que tenho 4 apis para esse site e estava nomeando para teste como api1, api2, api3 e api4 Commented 2/03/2023 às 22:22
  • fiz conforme vc me passou e alterei o site para requisitar no caminho localhost/api1/users/authentication e não deu certo. Commented 2/03/2023 às 22:28
  • pois é cara, mas eu acho que agora o problema é configuração na aplicação react, não no nginx.
    – Danizavtz
    Commented 3/03/2023 às 11:00
  • 1
    muito obrigado! Commented 3/03/2023 às 12:51

1 Resposta 1

-1

Eu corrigiria o seu sites-available para conter as seguintes três correções:

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html/react/dist;

        index index.html index.htm index.nginx-debian.html;

        server_name _; #<-- substituir por underline

         location /api1 { #<-- Remover a barra daqui
          proxy_pass http://localhost:3001; #<-- remover a barra daqui
         }

        location / {
                try_files $uri $uri/ =404;
        }
}

Após fazer essas mudanças executar o comando para testar o arquivo (nginx -t) fazer o reload do arquivo sites-available (nginx -s reload).

sudo nginx -t

Saída esperada do comando:

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

E depois fazer um reload do arquivo sites-available com o seguinte comando:

sudo nginx -s reload

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .