refactor(electron): 优化应用启动和资源路径

- 更新应用图标路径,使用 src/assets 目录下的图标文件
- 重构应用启动逻辑,确保在不同环境下正确加载 HTML 文件
- 优化文件选择对话框的代码结构
- 在 vite 配置中添加 base 路径设置
This commit is contained in:
2025-08-05 23:55:06 +08:00
parent 40ca642c07
commit 5c57841cd9
3 changed files with 66 additions and 67 deletions

View File

@@ -42,11 +42,11 @@ function createWindow() {
height: 900, height: 900,
minWidth: 800, minWidth: 800,
minHeight: 600, minHeight: 600,
icon: path.join(__dirname, '../public/AUTO_MAA.ico'), // 设置应用图标 icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'), // 设置应用图标
webPreferences: { webPreferences: {
preload: path.join(__dirname, 'preload.js'), preload: path.join(__dirname, 'preload.js'),
nodeIntegration: false, nodeIntegration: false,
contextIsolation: true contextIsolation: true,
}, },
// 隐藏菜单栏 // 隐藏菜单栏
autoHideMenuBar: true, autoHideMenuBar: true,
@@ -60,7 +60,8 @@ function createWindow() {
mainWindow.loadURL(devServer); mainWindow.loadURL(devServer);
} }
else { else {
mainWindow.loadFile(path.join(__dirname, '../dist/index.html')); const indexHtmlPath = path.join(electron_1.app.getAppPath(), 'dist', 'index.html');
mainWindow.loadFile(indexHtmlPath);
} }
mainWindow.on('closed', () => { mainWindow.on('closed', () => {
mainWindow = null; mainWindow = null;
@@ -79,7 +80,7 @@ electron_1.ipcMain.handle('select-folder', async () => {
return null; return null;
const result = await electron_1.dialog.showOpenDialog(mainWindow, { const result = await electron_1.dialog.showOpenDialog(mainWindow, {
properties: ['openDirectory'], properties: ['openDirectory'],
title: '选择文件夹' title: '选择文件夹',
}); });
if (result.canceled) { if (result.canceled) {
return null; return null;
@@ -93,9 +94,7 @@ electron_1.ipcMain.handle('select-file', async (event, filters = []) => {
const result = await electron_1.dialog.showOpenDialog(mainWindow, { const result = await electron_1.dialog.showOpenDialog(mainWindow, {
properties: ['openFile'], properties: ['openFile'],
title: '选择文件', title: '选择文件',
filters: filters.length > 0 ? filters : [ filters: filters.length > 0 ? filters : [{ name: '所有文件', extensions: ['*'] }],
{ name: '所有文件', extensions: ['*'] }
]
}); });
if (result.canceled) { if (result.canceled) {
return null; return null;

View File

@@ -9,11 +9,11 @@ function createWindow() {
height: 900, height: 900,
minWidth: 800, minWidth: 800,
minHeight: 600, minHeight: 600,
icon: path.join(__dirname, '../public/AUTO_MAA.ico'), // 设置应用图标 icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'), // 设置应用图标
webPreferences: { webPreferences: {
preload: path.join(__dirname, 'preload.js'), preload: path.join(__dirname, 'preload.js'),
nodeIntegration: false, nodeIntegration: false,
contextIsolation: true contextIsolation: true,
}, },
// 隐藏菜单栏 // 隐藏菜单栏
autoHideMenuBar: true, autoHideMenuBar: true,
@@ -28,7 +28,8 @@ function createWindow() {
if (devServer) { if (devServer) {
mainWindow.loadURL(devServer) mainWindow.loadURL(devServer)
} else { } else {
mainWindow.loadFile(path.join(__dirname, '../dist/index.html')) const indexHtmlPath = path.join(app.getAppPath(), 'dist', 'index.html')
mainWindow.loadFile(indexHtmlPath)
} }
mainWindow.on('closed', () => { mainWindow.on('closed', () => {
@@ -50,7 +51,7 @@ ipcMain.handle('select-folder', async () => {
const result = await dialog.showOpenDialog(mainWindow, { const result = await dialog.showOpenDialog(mainWindow, {
properties: ['openDirectory'], properties: ['openDirectory'],
title: '选择文件夹' title: '选择文件夹',
}) })
if (result.canceled) { if (result.canceled) {
@@ -67,9 +68,7 @@ ipcMain.handle('select-file', async (event, filters = []) => {
const result = await dialog.showOpenDialog(mainWindow, { const result = await dialog.showOpenDialog(mainWindow, {
properties: ['openFile'], properties: ['openFile'],
title: '选择文件', title: '选择文件',
filters: filters.length > 0 ? filters : [ filters: filters.length > 0 ? filters : [{ name: '所有文件', extensions: ['*'] }],
{ name: '所有文件', extensions: ['*'] }
]
}) })
if (result.canceled) { if (result.canceled) {

View File

@@ -5,6 +5,7 @@ import path from 'path'
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [vue()], plugins: [vue()],
base: './',
resolve: { resolve: {
extensions: ['.js', '.ts', '.vue', '.json'], extensions: ['.js', '.ts', '.vue', '.json'],
alias: { alias: {