136 lines
2.3 KiB
Markdown
136 lines
2.3 KiB
Markdown
# ⚡ INÍCIO RÁPIDO - AÇO CALC PRO
|
||
|
||
## 🚨 ERRO CORS? LEIA ISTO!
|
||
|
||
Se você viu este erro:
|
||
```
|
||
Access to fetch at 'file:///' has been blocked by CORS policy
|
||
```
|
||
|
||
**Você está abrindo o arquivo HTML diretamente!**
|
||
|
||
❌ **ERRADO**: Duplo clique em `index.html`
|
||
✅ **CORRETO**: Usar servidor web local
|
||
|
||
---
|
||
|
||
## 🎯 SOLUÇÃO EM 3 PASSOS
|
||
|
||
### 1️⃣ Abrir Terminal/PowerShell
|
||
|
||
**Windows:**
|
||
- Pressione `Win + R`
|
||
- Digite `powershell`
|
||
- Pressione Enter
|
||
|
||
**Ou:**
|
||
- Clique com botão direito na pasta
|
||
- Selecione "Abrir no Terminal"
|
||
|
||
### 2️⃣ Executar Comando
|
||
|
||
Cole um destes comandos:
|
||
|
||
```bash
|
||
# Python (Recomendado)
|
||
python -m http.server 8000
|
||
|
||
# Ou Node.js
|
||
npx http-server -p 8000
|
||
|
||
# Ou PHP
|
||
php -S localhost:8000
|
||
```
|
||
|
||
### 3️⃣ Abrir no Navegador
|
||
|
||
Acesse: **http://localhost:8000**
|
||
|
||
---
|
||
|
||
## 🎯 MÉTODO AINDA MAIS FÁCIL (Windows)
|
||
|
||
1. **Duplo clique** em `server.bat`
|
||
2. Aguarde janela abrir
|
||
3. Acesse: http://localhost:8000
|
||
|
||
---
|
||
|
||
## ✅ VERIFICAR SE FUNCIONOU
|
||
|
||
1. Abra http://localhost:8000
|
||
2. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Cantoneiras**
|
||
3. Clique: **"🔄 Carregar Dados"**
|
||
4. Veja: **39 cantoneiras** devem aparecer
|
||
5. Console (F12): **Sem erros CORS**
|
||
|
||
---
|
||
|
||
## 🐛 AINDA NÃO FUNCIONA?
|
||
|
||
### Python não instalado?
|
||
|
||
**Instale Python:**
|
||
1. Acesse: https://www.python.org/downloads/
|
||
2. Baixe Python 3.x
|
||
3. **IMPORTANTE**: Marque "Add Python to PATH"
|
||
4. Instale
|
||
5. Reinicie terminal
|
||
6. Tente novamente
|
||
|
||
### Porta 8000 ocupada?
|
||
|
||
Use outra porta:
|
||
```bash
|
||
python -m http.server 8001
|
||
```
|
||
|
||
Acesse: http://localhost:8001
|
||
|
||
### Nada funciona?
|
||
|
||
**Use Live Server (VS Code):**
|
||
1. Instale VS Code
|
||
2. Instale extensão "Live Server"
|
||
3. Abra pasta no VS Code
|
||
4. Clique direito em `index.html`
|
||
5. Selecione "Open with Live Server"
|
||
|
||
---
|
||
|
||
## 🚀 PARA PRODUÇÃO
|
||
|
||
Quando estiver pronto para publicar:
|
||
|
||
```bash
|
||
# Vercel
|
||
npm install -g vercel
|
||
vercel --prod
|
||
|
||
# Netlify
|
||
npm install -g netlify-cli
|
||
netlify deploy --prod
|
||
```
|
||
|
||
---
|
||
|
||
## 📚 MAIS INFORMAÇÕES
|
||
|
||
- `INICIAR-SERVIDOR.md` - Guia completo de servidores
|
||
- `GUIA-DEPLOY.md` - Como fazer deploy
|
||
- `README.md` - Documentação completa
|
||
|
||
---
|
||
|
||
## 🎯 RESUMO
|
||
|
||
1. ❌ **NÃO** abra `index.html` diretamente
|
||
2. ✅ **USE** servidor web local
|
||
3. ✅ **ACESSE** http://localhost:8000
|
||
4. ✅ **TESTE** carregamento de cantoneiras
|
||
5. ✅ **FAÇA** deploy quando pronto
|
||
|
||
---
|
||
|
||
**Inicie o servidor e divirta-se! 🚀**
|