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
};
相关推荐
工业互联网专业6 分钟前
基于Python的热门微博数据可视化分析-Flask+Vue
vue.js·python·flask·毕业设计·源码·课程设计·微博数据可视化
Mintopia17 分钟前
计算机图形学环境贴图(Environment Mapping)教学指南
前端·javascript·计算机图形学
shenyan~21 分钟前
关于 WASM: WASM + JS 混合逆向流程
开发语言·javascript·wasm
Mintopia24 分钟前
Three.js 高级纹理(Advanced Textures):超越基础,打造沉浸式 3D 世界
前端·javascript·three.js
玄玄子24 分钟前
JS Promise
前端·javascript·程序员
Raink老师29 分钟前
7. TypeScript接口
javascript·typescript
Thanks_ks32 分钟前
探索现代 Web 开发:从 HTML5 到 Vue.js 的全栈之旅
javascript·vue.js·css3·html5·前端开发·web 开发·全栈实战
BillKu34 分钟前
Vue3本地存储实现方案
vue.js
GIS之路36 分钟前
OpenLayers 获取地图状态
前端·javascript·html
remember_me1 小时前
前端打印实现-全网最简单实现方法
前端·javascript·react.js