Cannot connect frontend app[Angular] to Backend[SpringBoot] in kubernetes

General Discussions
,
1

Kubernetes version: 1.25.3
Cloud being used: Bare metal
Installation method: minikube
Host OS: Ubuntu 20.04 LTS (Minikube)

I am trying to connect my angular app to springboot app on kubernetes. Here’s my springboot deployment: https://pastebin.com/raw/0LX2dFMH I managed to connect mysql and springboot but I am having issues with Angular since it requires a backend url. I used http://sample-service:8091 as my backend url but it didn’t work. and ran the command minikube tunnel to get an external IP to which I can connect to. The front-end works but not able to fetch data from backend. I don’t know what I am doing wrong. Would appreciate some help.

Here’s my angular-deployment.yml:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: angular
spec:
  selector:
    matchLabels:
      app: angular
  replicas: 1
  template:
    metadata:
      labels:
        app: angular
    spec:
      containers:
        - name: angular
          image: darkdead/angular
          imagePullPolicy: IfNotPresent
          ports:
            - containerPort: 8080
---
apiVersion: v1
kind: Service
metadata:
  labels:
    app: angular
  name: angular-service
spec:
  type: ClusterIP
  ports:
  - port: 8080
    protocol: TCP
  selector:
    app: angular
---
apiVersion: v1
kind: Service
metadata:
  name: angular-loadbalancer
spec:
  ports:
    - protocol: "TCP"
      port: 8080
      targetPort: 8080
  selector:
    app: angular
  type: LoadBalancer