优化

src/views/home/components/drawpic.vue

@@ -42,10 +42,7 @@
         <img
           @load="onImageLoad"
           :src="
-            'http://192.168.50.200:88/images/' +
+            hostName + '/images/' + parentdata.name + '/' + currentNodeData.name
-            parentdata.name +
-            '/' +
-            currentNodeData.name
           "
           alt=""
           class="img"
@@ -107,6 +104,7 @@ export default {
       },
       //获取的矩形数据
       labelMarkArrs: [],
+      hostName: "",
     };
   },
   created() {
@@ -147,6 +145,16 @@ export default {
     });
   },
   mounted() {
+    console.log(window.location.host);
+    const isProduction = process.env.NODE_ENV === "production";
+    if (isProduction) {
+      // 使用服务器IP或域名作为图片地址
+      this.hostName = window.location.origin;
+      console.log("aaaaaaaaaaaa");
+    } else {
+      // 使用代理的 target 作为图片地址（开发环境）
+      this.hostName = "http://192.168.1.190:88"; // 这里使用你的本地 target 地址
+    }
     this.$nextTick(() => {
       window.addEventListener("resize", this.updateImageSize);
     });

vue.config.js

@@ -20,7 +20,8 @@ module.exports = defineConfig({
     proxy: {
       "/img-api": {
         //表示拦截以/api开头的请求路径
-        target: "http://192.168.50.200:88", //
+        //target: "http://192.168.50.200:88", //
+        target: "http://192.168.1.190:88",
         changOrigin: true, //是否开启跨域
         pathRewrite: {
           "^/api": "/img-api", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的