Solução completa de gerenciamento de estoque com ASP.NET Core e Nuxt.js. Utilizei algumas técnicas que já conhecia como o gerenciamento de dados multi-tenant, para isso foi necessário implementar uma autenticação e autorização básica.
- O menu as vezes não aparece no modo de desenvolvedor ao fazer hot reload. Para voltar a aparecer é necessário recarregar a página.
- Último update significativo: 26-09-2023 11:21
Para sincronizar execute:
git pull origin main
InventoryManager.API/
- Backend REST APIInventoryManager.Web/
- Frontend Web Application
- .NET 8.0
- Entity Framework Core
- SQLite
- Vue.js 2
- Nuxt.js 2
- Vuetify 2
- Autenticação e Autorização de usuário
- Suporte Multi-Tenant
- Controle e gerenciamento de estoque
- Navegar para o projeto backend:
cd InventoryManager.API
- Restaurar as dependências:
dotnet restore
- Rodar as migrações:
dotnet ef database update --context AppDbContext
dotnet ef database update --context UserDbContext
- Rodar a API:
dotnet run dev
- Pegar a porta do servidor da API para adicionar no frontend.
- Navegar para o projeto frontend:
cd InventoryManager.Web
- Instalar dependências:
npm install
or
yarn install
- Criar um arquivo
.env
na raiz do projeto e adicionar o seguinte conteúdo:
VUE_APP_API_URL=http://localhost:<YOUR-API-PORT>/api
VUE_APP_AUTH_URL=http://localhost:<YOUR-API-PORT>/auth
- Rodar servidor de desenvolvimento:
npm run dev
- Verificar porta do frontend:
A política de CORS da API está configurada para aceitar a porta 3000 do localhost, caso o frontend rode em outra porta, configure o Program.cs da API com a porta do seu frontend.