Use a variable to specify API endpoint

.gitlab-ci.yml

@@ -58,7 +58,7 @@ build-client:
   script:
     - export $(cat context.env | xargs)
 
-    - docker build sample-client-users -t ${CLIENT_PROD_IMAGE_NAME}
+    - docker build sample-client-users -f sample-client-users/Dockerfile.prod -t ${CLIENT_PROD_IMAGE_NAME}
     - docker build sample-client-users -f sample-client-users/Dockerfile.test -t ${CLIENT_TEST_IMAGE_NAME}
 
     - docker login -u $CI_REGISTRY_USER --password $CI_JOB_TOKEN $CI_REGISTRY

sample-client-users/Dockerfile.prod

@@ -1,4 +1,5 @@
 FROM node:17.9.1 AS app
+ENV REACT_APP_ENDPOINT "https://api.fids.slc.ar/"
 WORKDIR /app
 COPY . .
 RUN npm install && npm run build
@@ -9,4 +10,4 @@ RUN rm -rf ./*
 COPY --from=app /app/build .
 COPY nginx/default.conf /etc/nginx/conf.d/default.conf
 EXPOSE 80
-ENTRYPOINT ["nginx", "-g", "daemon off;"]
+ENTRYPOINT ["nginx", "-g", "daemon off;"]

sample-client-users/Dockerfile.test

@@ -1,4 +1,5 @@
 FROM node:17.9.1 AS app
+ENV REACT_APP_ENDPOINT "http://127.0.0.1:5000/"
 WORKDIR /app
 COPY package.json .
 COPY package-lock.json .
@@ -6,4 +7,4 @@ RUN npm install
 
 COPY . .
 RUN chmod +x /app/test.sh
-ENTRYPOINT ["/app/test.sh"]
+ENTRYPOINT ["/app/test.sh"]

sample-client-users/src/Api.ts

@@ -2,7 +2,7 @@ import { Axios, AxiosError } from "axios";
 import { Credentials, Token, User, Zone } from "./Types";
 
 const instance = new Axios({
-	baseURL: "http://127.0.0.1:5000/",
+	baseURL: process.env.REACT_APP_ENDPOINT,
 	headers: {
 		accept: "application/json",
 		"Content-Type": "application/json",