Adding changes for web to work.

infra/ai.yaml

@@ -24,4 +24,4 @@ deployments:
       version: "2024-07-18"
     sku:
       name: "Standard"
-      capacity: 8
+      capacity: 10

src/web/Dockerfile

@@ -20,9 +20,7 @@ WORKDIR /app
 COPY --from=ui /app/dist/* ./
 COPY --from=ui /app/dist/assets/* ./assets/
 
-COPY ./nginx/nginx.conf /etc/nginx/conf.d/default.conf
-COPY ./nginx/run_nginx.sh /bin/run_nginx.sh
-
 EXPOSE 80
-RUN ["chmod", "+x", "/bin/run_nginx.sh"]
-CMD ["/bin/run_nginx.sh"]
+
+COPY ./nginx/nginx.conf /nginx.conf.template
+CMD ["/bin/sh" , "-c" , "envsubst < /nginx.conf.template > /etc/nginx/conf.d/default.conf && exec nginx -g 'daemon off;'"]

src/web/nginx/nginx.conf

@@ -3,6 +3,11 @@ server {
   location / {
     root   /app;
     index  index.html index.htm;
-    try_files $uri $uri/ /index.html =404;
+  }
+
+  location /api {
+    proxy_ssl_server_name on;
+    proxy_http_version 1.1;
+    proxy_pass '${API_ENDPOINT}';
   }
 }

src/web/src/store/index.ts

@@ -57,11 +57,12 @@ export const startWritingTask = (
 
   const url = `${
     endpoint.endsWith("/") ? endpoint : endpoint + "/"
-  }api/article`;
+  }`;
+  console.log(url);
 
   const callApi = async () => {
     try {
-      const response = await fetch(url, configuration);
+      const response = await fetch("/api/article", configuration);
       const reader = response.body?.getReader();
       if (!reader) return;
 
@@ -96,4 +97,4 @@ export const startWritingTask = (
 
   callApi();
 
-};
+};