t

Dockerfile

+FROM 10.0.6.228:5000/node-nginx:8.12.0-slim
+WORKDIR /app
+COPY . /app/
+RUN  npm config set proxy=http://10.0.6.228:3128 && npm set registry https://registry.npm.taobao.org && npm install && npm run build:huangpu-sit && cp -r dist/* /var/www/html && cp nginx.conf /etc/nginx/conf.d && rm -rf /etc/nginx/sites-enabled &&  rm -rf /app
+

Jenkinsfile

+pipeline {
+  agent {
+    node {
+      label 'nodejs'
+    }
+  }
+
+    environment {
+        KUBECONFIG_CREDENTIAL_ID = 'devops-kubeconfig'
+        REGISTRY = '10.0.6.228:5000'
+        DOCKERHUB_NAMESPACE = 'house-manage-hp'
+        APP_NAME = 'web-main'
+        NAMESPACE = 'house-manage-hp'
+    }
+
+    stages {
+        stage ('checkout scm') {
+            steps {
+                checkout(scm)
+            }
+        }
+
+        stage ('build & push') {
+            steps {
+                container ('nodejs') {
+                    sh 'docker build -f Dockerfile -t $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER .'
+                    sh 'docker push  $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER'
+                }
+            }
+        }
+
+        stage('deploy') {
+          steps {
+            kubernetesDeploy(configs: 'deploy/**', enableConfigSubstitution: true, kubeconfigId: "$KUBECONFIG_CREDENTIAL_ID")
+          }
+        }
+    }
+}

deploy/k8s.yaml

+---
+apiVersion: extensions/v1beta1
+kind: Deployment
+metadata:
+  labels:
+    app: $APP_NAME
+  name: $APP_NAME
+  namespace: $NAMESPACE
+spec:
+  progressDeadlineSeconds: 600
+  replicas: 1
+  selector:
+    matchLabels:
+      app: $APP_NAME
+  template:
+    metadata:
+      labels:
+        app: $APP_NAME
+    spec:
+      containers:
+        - image: $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER
+          imagePullPolicy: Always
+          name: $APP_NAME
+          readinessProbe:
+            httpGet:
+              path: /
+              port: 80
+            timeoutSeconds: 10
+            failureThreshold: 30
+            periodSeconds: 5
+          ports:
+            - containerPort: 80
+              protocol: TCP
+          resources:
+            limits:
+              cpu: 200m
+              memory: 500Mi
+            requests:
+              cpu: 100m
+              memory: 100Mi
+          terminationMessagePath: /dev/termination-log
+          terminationMessagePolicy: File
+      dnsPolicy: ClusterFirst
+      restartPolicy: Always
+      terminationGracePeriodSeconds: 30
+---
+apiVersion: v1
+kind: Service
+metadata:
+  labels:
+    app: $APP_NAME
+  name: $APP_NAME
+  namespace: $NAMESPACE
+spec:
+  ports:
+    - name: http
+      port: 80
+      protocol: TCP
+      targetPort: 80
+  selector:
+    app: $APP_NAME
+  sessionAffinity: None
+  type: ClusterIP

nginx.conf

+server {
+    listen       80;
+    server_name  localhost;
+    #vue项目的打包后的dist
+    root         /var/www/html;
+    location / {
+      add_header Access-Control-Allow-Origin *;
+      add_header X-Frame-Options ALLOWALL;
+      add_header X-Content-Type-Options nosniff;
+      add_header X-XSS-Protection "1; mode=block";
+      try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
+      index  index.html index.htm;
+    }
+
+    #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件
+    #因此需要rewrite到index.html中，然后交给路由在处理请求资源
+    location @router {
+      rewrite ^.*$ /index.html last;
+    }
+}