修改图片报错问题

.env.development

@@ -2,4 +2,5 @@
 NODE_ENV = 'development'
 VITE_APP_TITLE = '教学一体化平台'
 VITE_APP_BASE_API = http://localhost:18085/jeecg-boot
-# VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+# VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+VITE_APP_BASE_API_JEECG = '/student'

src/App.vue

@@ -3,26 +3,6 @@
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
-import axios from 'axios'
-
-const save = () => {
-  const data = {
-    insCode: 'c7c6aa3d-9d2e-40c3-8989-9f39c724eaa4',
-    instruType: 4,
-    instruList: '{}',
-  }
-  axios
-    .post('http://www.hniss.cn/api/service/putInstru', data, {
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
-      },
-    })
-    .then((res) => {
-      console.log(res)
-    })
-}
-save()
 </script>
 
 <style lang="scss" scoped></style>

src/Layout/tabbar/index.vue

@@ -7,7 +7,7 @@
             <img
               :src="setImageUrl(logoUrl)"
               alt=""
-              v-default-image="'/src/assets/images/LOGO.png'"
+            
             />
             <!-- <img src="../../assets/images/LOGO.png" alt=""> -->
           </div>
@@ -40,7 +40,7 @@
           <img
             :src="setImageUrl(useUserStore.userInfo.avatar)"
             alt=""
-            v-default-image="'/src/assets/images/default.png'"
+           
           />
         </div>
         <el-dropdown style="width: 0.625rem">

src/directives/defaultImage.ts

@@ -2,7 +2,7 @@ export default {
   mounted(el: any, binding: any) {
     el.onerror = () => {
       // 当图片加载失败时，设置默认图片
-      el.src = binding.value || '/src/assets/images/item.png' // 默认图片
+      el.src = binding.value ||   '/student/src/assets/images/item.png' // 默认图片
     }
   },
 }

src/views/home/index.vue

@@ -37,7 +37,7 @@
             <img
               src=""
               alt=""
-              v-default-image
+             
               style="width: 100%; height: 100%"
             />
           </div>

src/views/news/components/newsDetail.vue

@@ -11,7 +11,7 @@
         class="list-image"
         :src="completeImageUrl"
         alt="News Image"
-        v-default-image
+      
       />
     </div>
     <p class="list-time">{{ data.publishTime }}</p>

src/views/news/index.vue

@@ -29,7 +29,7 @@
                 class="news-image"
                 :src="newsItem.imageUrl"
                 alt="News Image"
-                v-default-image
+            
               />
             </div>
             <el-divider />

src/views/raceInfo/index.vue

@@ -13,7 +13,7 @@
           <img
             :src="setImageUrl(item.image)"
             alt=""
-            v-default-image="defaultImageUrl"
+        
           />
         </div>
         <div class="reac-info">

src/views/raceList/index.vue

@@ -13,7 +13,7 @@
         @click="toDetail(item.id)"
       >
         <div class="image">
-          <img :src="setImageUrl(item.compImg)" alt="" v-default-image />
+          <img :src="setImageUrl(item.compImg)" alt="" />
         </div>
         <div class="reac-info">
           <div class="reac-title">{{ item.compName }}</div>

vite.config.ts

@@ -33,6 +33,7 @@ export default defineConfig({
     host: '0.0.0.0',
     port: 8866,
   },
+  base:'/student',
   resolve: {
     alias: {
       '@': path.resolve('./src'), // 相对路径别名配置，使用 @ 代替 src