部署若依前端页面到minikube

1.进入前端项目目录

Ruoyi-cloud/ruoyi-ui

执行指令构建前端页面

 

npm install

构建前端页面:npm build:prod如果是开发前端页面:npm run dev

详细信息可以查看README

 

2. 复制前端页面到nginx

相关复制命令可以参考copy.sh

cp -r ../ruoyi-ui/dist/** ./nginx/html/dist

 

3. 构建前端镜像

docker compose build ruoyi-nginx

4. 使用minikube image load 加载镜像

5. 编写前端yaml内容如下

 

apiVersion: apps/v1

kind: Deployment

metadata:

 name: ruoyi-ui

 labels:

   app: ruoyi-ui

spec:

 strategy:

   type: Recreate

 selector:

   matchLabels:

     app: ruoyi-ui

 template:

   metadata:

     labels:

       app: ruoyi-ui

   spec:

     containers:

     - name: ruoyi-ui

       image: nginx

       imagePullPolicy: IfNotPresent

       ports:

       - containerPort: 80

 

---

kind: Service

apiVersion: v1

metadata:

 name: ruoyi-ui

spec:

 type: ClusterIP

 selector:

   app: ruoyi-ui

 ports:

 - port: 8080

   targetPort: 80

 

 

注意:

1此处的nginx是包含前端页面的,是使用docker compose build ruoyi-nginx生成的镜像

2需要修改nginx配置的后端访问地址

 

6部署到minikube中

 

如果是再虚拟机中，需要再做一次端口转发