electron结合vue,直接访问静态文件如何跳转访问路径

在最外的app.vue或者index.vue的js模块编写

cpp 复制代码
  let refdade = ref(1);
  //刷新,获得请求
  // 获取完整的查询字符串(例如: "?dade=/myms")
  const searchParams = new URLSearchParams(window.location.search);
  // 获取 dade 参数的值(自动处理编码)
  const dadeValue = searchParams.get('dade');
  console.log('dade 参数的值:', dadeValue); // 输出: "/myms"
  if(dadeValue && dadeValue !="/" && dadeValue != undefined){
    // 跳转
    router.push(dadeValue);
  }else{
    refdade.value = 2;
  }

electron文件

cpp 复制代码
const { app, BrowserWindow,ipcMain } = require('electron');
const path = require('path');
let secondWindow;
function setWin() {

    ipcMain.on('setWins', (event, data) => {
        console.log(data)
        // 创建第二个窗口
        secondWindow = new BrowserWindow({
            width: data.width,
            height: data.height,
            autoHideMenuBar: true, // 自动隐藏菜单
            title:data.title,
            webPreferences: {
                nodeIntegration: true,
                contextIsolation: false
            }
        });
        // secondWindow.loadURL("http://127.0.0.1:8600/#"+data.url);
        const indexHtmlUrl = `file://${path.join(__dirname, '../dist', 'index.html')}?dade=${data.url}`;
        secondWindow.loadURL(indexHtmlUrl);

        secondWindow.on('closed', function () {
            secondWindow = null;
        });
    })
}
module.exports = {
    setWin
};
相关推荐
Hilaku1 小时前
我用 Gemini 3 Pro 手搓了一个并发邮件群发神器(附源码)
前端·javascript·github
全栈前端老曹1 小时前
【包管理】npm init 项目名后底层发生了什么的完整逻辑
前端·javascript·npm·node.js·json·包管理·底层原理
HHHHHY1 小时前
mathjs简单实现一个数学计算公式及校验组件
前端·javascript·vue.js
boooooooom2 小时前
Vue3 provide/inject 跨层级通信:最佳实践与避坑指南
前端·vue.js
一颗烂土豆2 小时前
Vue 3 + Three.js 打造轻量级 3D 图表库 —— chart3
前端·vue.js·数据可视化
iReachers2 小时前
HTML打包APK(安卓APP)中下载功能常见问题和详细介绍
前端·javascript·html·html打包apk·网页打包app·下载功能
沉静的思考者2 小时前
vue优雅的适配无障碍
vue.js
愈努力俞幸运2 小时前
vue3 demo教程(Vue Devtools)
前端·javascript·vue.js
持续前行2 小时前
在 Vue3 中使用 LogicFlow 更新节点名称
前端·javascript·vue.js
Anita_Sun2 小时前
Underscore.js 整体设计思路与架构分析
前端·javascript