222

.drone.yml

@@ -13,7 +13,32 @@ steps:
       - name: node_modules_cache
         path: /drone/src/node_modules
 
-  # 第二步：部署到服务器
+  # 第二步：上传静态资源到腾讯云COS
+  - name: upload-to-cos
+    image: tencentcloudcli/coscmd:latest
+    environment:
+      COS_SECRET_ID:
+        from_secret: cos_secret_id
+      COS_SECRET_KEY:
+        from_secret: cos_secret_key
+      COS_REGION:
+        from_secret: cos_region
+      COS_BUCKET:
+        from_secret: cos_bucket
+    commands:
+      # 配置coscmd
+      - coscmd config -a $${COS_SECRET_ID} -s $${COS_SECRET_KEY} -b $${COS_BUCKET} -r $${COS_REGION}
+      # 上传public文件夹下的所有文件
+      - coscmd upload -r public/ /static/
+      # 设置文件访问权限为公共读
+      - coscmd putobjectacl -r /static/ public-read
+    when:
+      branch: 
+        - main
+        - master
+        - dev
+
+  # 第三步：部署到服务器
   - name: deploy
     image: appleboy/drone-ssh
     settings:
@@ -37,7 +62,7 @@ steps:
         - master
         - dev
 
-  # 第三步：上传构建文件
+  # 第四步：上传构建文件
   - name: upload
     image: appleboy/drone-scp
     settings:

package-lock.json

@@ -11,6 +11,7 @@
         "vue": "^3.5.13"
       },
       "devDependencies": {
+        "@types/node": "^24.0.3",
         "@vitejs/plugin-vue": "^5.2.3",
         "@vue/tsconfig": "^0.7.0",
         "typescript": "~5.8.3",
@@ -782,6 +783,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "24.0.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.3.tgz",
+      "integrity": "sha512-R4I/kzCYAdRLzfiCabn9hxWfbuHS573x+r0dJMkkzThEa7pbrcDWK+9zu3e7aBOouf+rQAciqPFMnxwr0aWgKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.8.0"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
@@ -1300,6 +1311,13 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici-types": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "6.3.5",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",

package.json

@@ -12,6 +12,7 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
+    "@types/node": "^24.0.3",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/tsconfig": "^0.7.0",
     "typescript": "~5.8.3",

src/components/HelloWorld.vue

@@ -1,38 +1,14 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
 
 <template>
-  <h1>{{ msg }}</h1>
 
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
+<script setup lang="ts">
+
+const bg = import.meta.env.VITE_BG
+
+
+</script>
+
 
 <style scoped>
 .read-the-docs {