'admin-20.12.15:测试打包后路径出错问题'

vue-admin-wonderful-next/src/App.vue

@@ -13,6 +13,7 @@
     <div class="red">44</div>
   </div>
   <el-color-picker v-model="color" @change="colorChange"></el-color-picker>
+  <img src="/src/assets/images/logo/11.png" />
 </template>
 
 <script lang="ts">
@@ -21,7 +22,7 @@ export default {
   name: "App",
   setup() {
     const state = reactive({
-      color: "",
+      color: ""
     });
     function colorChange() {
       console.log(state.color);

vue-admin-wonderful-next/src/assets/style/base/index.scss

@@ -4,7 +4,8 @@
 @font-face {
   font-family: 'element-icons';
   src: url('../fonts/element-icons.woff') format('woff'),
-    /* chrome, firefox */ url('../fonts/element-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    /* chrome, firefox */ url('../fonts/element-icons.ttf')
+      format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
   font-weight: normal;
   font-display: $--font-display;
   font-style: normal;

vue-admin-wonderful-next/src/main.ts

@@ -3,7 +3,6 @@ import App from './App.vue'
 
 import ElementPlus from 'element-plus';
 import '/@assets/style/base/index.scss';
-// import 'element-plus/lib/theme-chalk/index.css'
 
 const app = createApp(App)
 app.use(ElementPlus)

vue-admin-wonderful-next/vite.config.ts

@@ -4,7 +4,8 @@ const path = require('path')
 const viteConfig: UserConfig = {
     port: 8080,
     hostname: 'localhost',
-    open: true,
+    open: false,
+    base: "./",
     alias: {
         '/@/': path.resolve(__dirname, './src'),
         '/@assets/': path.resolve(__dirname, './src/assets'),