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
};
相关推荐
胡斌附体1 小时前
vue添加loading后修复页面渲染问题
前端·javascript·vue.js·渲染·v-if·异步加载
Dontla1 小时前
Webpack DefinePlugin插件介绍(允许在编译时创建JS全局常量,常量可以在源代码中直接使用)JS环境变量
运维·javascript·webpack
沐土Arvin2 小时前
深入理解 requestIdleCallback:浏览器空闲时段的性能优化利器
开发语言·前端·javascript·设计模式·html
咖啡の猫3 小时前
JavaScript基础-创建对象的三种方式
开发语言·javascript·ecmascript
MaCa .BaKa3 小时前
38-日语学习小程序
java·vue.js·spring boot·学习·mysql·小程序·maven
outstanding木槿3 小时前
react中安装依赖时的问题 【集合】
前端·javascript·react.js·node.js
小吕学编程4 小时前
Jackson使用详解
java·javascript·数据库·json
霸王蟹4 小时前
React中useState中更新是同步的还是异步的?
前端·javascript·笔记·学习·react.js·前端框架
霸王蟹4 小时前
React Hooks 必须在组件最顶层调用的原因解析
前端·javascript·笔记·学习·react.js
听吉米讲故事5 小时前
Slidev集成Chart.js:专业数据可视化演示文稿优化指南
javascript·信息可视化·数据分析