🏰 chore(vue): 调整内嵌网页路由及地址，解决打包后空白bug

src/main/index.js

@@ -16,7 +16,8 @@ function createWindow() {
       sandbox: false
     }
   })
-
+  //开启调试
+  // mainWindow.webContents.openDevTools()
   mainWindow.on('ready-to-show', () => {
     mainWindow.show()
   })

src/renderer/src/components/Header.vue

@@ -2,8 +2,8 @@
 import { ref } from 'vue'
 
 import { ElMessage } from 'element-plus'
-import logo from '../assets/logo.png'
+import logo from '@renderer/assets/logo.png'
-import avatar from '../assets/avatar.png'
+import avatar from '@renderer/assets/avatar.png'
 const isCollapse = ref(true)
 // 获取父组件传递过来的数据
 const showIcon = defineProps({

src/renderer/src/main.js

@@ -1,4 +1,4 @@
-import './assets/main.css'
+import '@renderer/assets/main.css'
 
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
@@ -6,8 +6,8 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
-import App from './App.vue'
+import App from '@renderer/App.vue'
-import router from './router'
+import router from '@renderer/router'
 
 const app = createApp(App)
 

src/renderer/src/router/index.js

@@ -1,8 +1,8 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import HomeView from '@renderer/views/HomeView.vue'
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHistory(),
   routes: [
     {
       path: '/',
@@ -13,7 +13,7 @@ const router = createRouter({
         {
             path: 'versions',
             name: 'versions',
-            component: () => import("../components/Versions.vue"),
+            component: () => import("@renderer/components/Versions.vue"),
             meta: {
                 menu: 'versions',
                 keepAlive: true,
@@ -22,7 +22,7 @@ const router = createRouter({
         {
           path: 'about',
           name: 'about',
-          component: () => import("../views/AboutView.vue"),
+          component: () => import("@renderer/views/AboutView.vue"),
           meta: {
               menu: 'about',
               keepAlive: true,
@@ -31,14 +31,15 @@ const router = createRouter({
         {
           path: 'test',
           name: 'test',
-          component: () => import("../views/test.vue"),
+          component: () => import("@renderer/views/test.vue"),
           meta: {
             menu: 'test',
             keepAlive: true,
           }
         },
       ]
-    }
+    },
+    { path: '/:pathMatch(.*)', redirect: '/' },
   ]
 })
 

src/renderer/src/views/HomeView.vue

@@ -3,9 +3,9 @@ import { ref } from 'vue'
 
 
 // 组件注册
-import Header from '../components/Header.vue'
+import Header from '@renderer/components/Header.vue'
 
-import Aside from '../components/Aside.vue'
+import Aside from '@renderer/components/Aside.vue'