This commit is contained in:
+116
@@ -0,0 +1,116 @@
|
||||
# Guia Rapido - Configurar Nginx (SPA React)
|
||||
|
||||
## O Problema
|
||||
|
||||
URLs como `avanzato.com.br/avaliacao` dao 404 quando acessadas diretamente.
|
||||
Funcionam apenas quando clica no menu (navegacao interna do React).
|
||||
|
||||
## A Solucao
|
||||
|
||||
O Nginx precisa redirecionar todas as rotas para `index.html`.
|
||||
|
||||
## Passo a Passo
|
||||
|
||||
### 1. Copiar a config do projeto para o servidor
|
||||
|
||||
No seu Mac, envie o arquivo `nginx.conf` do projeto para o servidor:
|
||||
|
||||
```bash
|
||||
# Enviar o arquivo nginx.conf do projeto para o servidor
|
||||
scp /Users/avanzato/Projetos/Avanzato/avanzato-site/app/nginx.conf root@SEU_SERVIDOR:/etc/nginx/sites-available/avanzato
|
||||
```
|
||||
|
||||
Ou, se ja estiver logado no servidor:
|
||||
|
||||
```bash
|
||||
# Logar no servidor
|
||||
ssh root@SEU_SERVIDOR
|
||||
|
||||
# Criar o arquivo de config
|
||||
cat > /etc/nginx/sites-available/avanzato << 'EOF'
|
||||
server {
|
||||
listen 80;
|
||||
server_name avanzato.com.br;
|
||||
|
||||
root /var/www/avanzato;
|
||||
index index.html;
|
||||
|
||||
# ESSA LINHA E A CHAVE - redireciona tudo para index.html
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
|
||||
# Cache para assets
|
||||
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
|
||||
expires 6M;
|
||||
add_header Cache-Control "public";
|
||||
}
|
||||
|
||||
# Seguranca
|
||||
add_header X-Frame-Options "SAMEORIGIN" always;
|
||||
add_header X-Content-Type-Options "nosniff" always;
|
||||
|
||||
# Bloquear arquivos ocultos
|
||||
location ~ /\. {
|
||||
deny all;
|
||||
}
|
||||
}
|
||||
EOF
|
||||
```
|
||||
|
||||
### 2. Ativar o site
|
||||
|
||||
```bash
|
||||
# Criar link simbolico (ativa o site)
|
||||
ln -s /etc/nginx/sites-available/avanzato /etc/nginx/sites-enabled/avanzato
|
||||
|
||||
# Remover o default (se existir)
|
||||
rm -f /etc/nginx/sites-enabled/default
|
||||
```
|
||||
|
||||
### 3. Testar e aplicar
|
||||
|
||||
```bash
|
||||
# Testar a configuracao (mostra erros se houver)
|
||||
nginx -t
|
||||
|
||||
# Se der OK, recarregar o Nginx
|
||||
systemctl reload nginx
|
||||
```
|
||||
|
||||
### 4. Verificar se funcionou
|
||||
|
||||
```bash
|
||||
# Testar uma rota direta
|
||||
curl -I https://avanzato.com.br/avaliacao
|
||||
|
||||
# Deve retornar HTTP 200, nao 404
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Comandos Uteis
|
||||
|
||||
| Comando | O que faz |
|
||||
|---------|-----------|
|
||||
| `nginx -t` | Testa a configuracao (sem aplicar) |
|
||||
| `systemctl reload nginx` | Recarrega config sem derrubar o site |
|
||||
| `systemctl restart nginx` | Reinicia o Nginx |
|
||||
| `systemctl status nginx` | Verifica se esta rodando |
|
||||
| `tail -f /var/log/nginx/error.log` | Ver erros em tempo real |
|
||||
|
||||
---
|
||||
|
||||
## Importante
|
||||
|
||||
Se voce usa **Apache** em vez de Nginx, a config esta no arquivo `.htaccess` que ja vai no `dist/`:
|
||||
|
||||
```apache
|
||||
RewriteEngine On
|
||||
RewriteCond %{REQUEST_FILENAME} -f [OR]
|
||||
RewriteCond %{REQUEST_FILENAME} -d
|
||||
RewriteRule ^ - [L]
|
||||
RewriteRule ^ index.html [L]
|
||||
```
|
||||
|
||||
Basta garantir que o `.htaccess` esta na raiz do site e o `mod_rewrite` esta ativado.
|
||||
Reference in New Issue
Block a user