修复资源引入的问题

Author: weizwz

.gitignore

@@ -8,7 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-# dist
+dist
 dist-ssr
 *.local
 

src/components/chartMap/index.vue

@@ -3,6 +3,7 @@ import { reactive } from 'vue'
 import axios from 'axios'
 import WChart from '@comp/chart/index.vue'
 import 'echarts/extension/bmap/bmap'
+import xianJson from '@/assets/xian.json'
 
 defineOptions({
   name: 'ChartMap'
@@ -39,26 +40,18 @@ const option = {
 }
 
 const initBefore = () => {
-  return new Promise((resolve, reject) => {
-    axios.get('src/assets/xian.json').then(
-      (resp) => {
-        const { data } = resp
-        // 处理数据
-        const arr = []
-        for (const item of data.features) {
-          const positions = item.geometry.coordinates[0][0]
-          for (const temp of positions) {
-            const position = temp.concat(Math.random() * 1000 + 200)
-            arr.push(position)
-          }
-        }
-        option.series[0].data = arr
-        resolve(option)
-      },
-      (error) => {
-        reject(error)
+  return new Promise((resolve) => {
+    // 处理数据
+    const arr = []
+    for (const item of xianJson.features) {
+      const positions = item.geometry.coordinates[0][0]
+      for (const temp of positions) {
+        const position = temp.concat(Math.random() * 1000 + 200)
+        arr.push(position)
       }
-    )
+    }
+    option.series[0].data = arr
+    resolve(option)
   })
 }
 

src/components/header/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { computed, ref, defineProps } from 'vue'
+import { computed, defineProps, onMounted, ref } from 'vue'
 import { useUserStore } from '@store/user'
+import logoImg from '@/assets/logo.png'
 
 const userStore = useUserStore()
 // 获取state使用computed或者使用storeToRefs，直接使用不具备响应式（拿到的永远是初次的值）
@@ -13,7 +14,7 @@ defineOptions({
 const props = defineProps({
   logo: {
     type: String, //参数类型
-    default: '/src/assets/logo.png', //默认值
+    default: logoImg, //默认值
     required: false //是否必须传递
   },
   title: {
@@ -22,13 +23,19 @@ const props = defineProps({
     required: true //是否必须传递
   }
 })
-const logo = ref(props.logo)
+
+const logoDom = ref()
+//声明周期函数，自动执行初始化
+onMounted(() => {
+  const dom = logoDom.value
+  dom.src = props.logo
+})
 </script>
 
 <template>
   <div class="w-header">
     <div class="logo">
-      <img :src="logo" alt="logo" width="120" />
+      <img ref="logoDom" alt="logo" width="120" />
     </div>
     <div class="title-wrapper">
       <dv-decoration7>