Fixed configurations and completed Docker integration. (#19)

backend/src/PokeData/appsettings.Development.json

@@ -1,6 +1,6 @@
 {
   "Cors": {
-    "AllowedOrigins": [ "http://localhost:5173" ]
+    "AllowedOrigins": [ "http://localhost:4173", "http://localhost:5173" ]
   },
   "EnableMigrations": true,
   "EnableOpenApi": true,

docker-compose.yml

@@ -20,6 +20,17 @@ services:
     restart: unless-stopped
     environment:
       ASPNETCORE_Environment: Development
+      Cors:AllowedOrigins:0: http://localhost:43044
       SQLCONNSTR_Master: Server=pokedata_mssql;Database=Pokemon;User Id=SA;Password=m7tPnE6dB5TQxYCW;Persist Security Info=False;Encrypt=False;
     ports:
       - 43551:8080
+
+  pokedata_app:
+    build:
+      context: ./frontend
+    image: pokedata_app
+    container_name: PokeData_app
+    depends_on:
+      - pokedata_api
+    ports:
+      - 43044:80

frontend/.env

@@ -0,0 +1 @@
+VITE_APP_API_BASE_URL="http://localhost:43551/"

frontend/.env.development

@@ -1,2 +1 @@
-VITE_APP_API_BASE_URL="http://localhost:43551/"
-__VITE_APP_API_BASE_URL="https://localhost:32772/"
+# VITE_APP_API_BASE_URL="https://localhost:32772/"

frontend/Dockerfile

@@ -0,0 +1,13 @@
+# Build Stage
+FROM node:lts-alpine as build-stage
+WORKDIR /app
+COPY package*.json ./
+RUN yarn install
+COPY . .
+RUN yarn build
+
+# Production Stage
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

frontend/src/main.ts

@@ -30,5 +30,3 @@ app.config.errorHandler = (e) => {
 };
 
 app.mount("#app");
-
-// TODO(fpion): add to docker-compose.yml