使用eletron打包VUE中的iframe src属性

最新推荐文章于 2025-04-24 17:20:34 发布

終了、

最新推荐文章于 2025-04-24 17:20:34 发布

阅读量129

点赞数 2

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_47602938/article/details/144347841

版权

 <iframe
     :src="iframeSrc"
      style="width: 100%; height: 100%"
      ></iframe>


//
 this.iframeSrc = process.env.NODE_ENV === 'development'
        ? '/static/html/love.html'
        : `file://${__dirname}/../dist/static/html/love.html`;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

終了、

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue 使用iframe标签嵌入页面

weixin_56475385的博客

12-24

741

src就是页面地址有些页面出于安全考虑屏蔽了iframe访问的具体需要自己设置 iframe标签配置具体参考

vue3+vite搭建脚手架项目使用eletron打包成桌面应用+可以热更新

weixin_52830464的博客

11-06

594

vite.config.mts文件名改成 vite.config.mts，解决运行项目的警告问题：The CJS build of Vite's Node API is deprecated.当package.json文件的version属性版本号与服务器地址的版本号不匹配时，自动会弹出“软件更新提醒”提示框。logo图标格式：ico后缀名、分辨率256 * 256、10KB左右。import导入文件或依赖包，解决找不到模块的提示问题。在根目录下创建electron目录，安装依赖包：npm i。

参与评论您还未登录，请先登录后发表或查看评论

Electron: shell和iframe

weixin_50236973的博客

11-18

182

Electron: shell和iframe

electron中与iframe嵌入的第三方系统通信方式

wrhwww的专栏

08-02

4004

【需求】： electron中通过iframe引用第三方系统，关闭electron时，通知系统退出系统清除session 【解决方法】 electron app.vue中 <template> <div id="app1"> <Mytitle /> <div id="app" style="height:auto;"> <iframe id="unionConfig" ref="unionCo.

前端学习之路Electron——实现iframe

HarryHY的博客

04-21

6703

在你的入口文件下我的是main.js let BrowserView = electron.BrowserView let view = new BrowserView(); mainWindow.setBrowserView(view); view.setBounds({x:0,y:120,width:1920,height:960}) view.webC...

通过Electron+iframe打开外部链接

sisyphus0000的博客

07-23

2882

我这里是将electron当成一整个框架，通过内嵌网页的形式来打开 1.先在electron里main下的index.js里配置如下代码 import { app,BrowserWindow,shell } from "electron"; app.on("web-contents-created", (e, webContents) => { webContents.on("new-window", (event, url) => { event.preventDefa...

vue3+vite项目使用eletron打包成桌面应用+可以热更新

weixin_52830464的博客

05-31

2417

当前：【{{downloadProcess.transferred}}】 / 共【{{ downloadProcess.total }}】正在下载({{ downloadProcess.speed }})......

eletron 在vue 中使用 net

10-26

在 Vue.js（一个前端JavaScript框架）中使用 `net` 模块通常是为了处理网络请求，特别是那些需要原生 Node.js 网络功能的情况，比如服务器端通信、WebSocket 实现等。要在 Vue.js 中利用 Electron 结合 `net`，你...

eletron 在vue 中使用 net包 socket

10-26

在Vue.js应用中使用Electron框架并结合net包进行网络通信，特别是socket.io技术，可以实现实时的客户端-服务器通讯。以下是基本步骤： 1. **安装依赖**：首先，你需要安装Node.js和npm，然后在项目中安装`electron`...

使用Electron把Vue项目打包成桌面客户端

般若

08-20

2716

目录预期目标项目准备安装electron-builder调试electron:serve打包electron:build客户端配置预期目标本文假定读者已经能够顺利开发Vue（2.x）项目，并期望使用Electron把项目打包成桌面客户端的形式（Windows平台，64位）。项目准备确保现有的Vue项目已经能够正常运行并可通过npm run build命令进行编译部署，这里需要注意编译后的资源路径问题。默认情况下，Vue CLI会假设应用是被部署在一个域名的根路径下，如果是被部署在一个子路径下，则需

使用electron与vue搭建起步项目，并定制化窗口

pocher的博客

02-27

5738

话不多说，先上最终成果第一步：安装node.js 首先确保你安装了node.js 没有安装的话去官网下载安装https://nodejs.org/zh-cn/ 不推荐使用最新版本，因为有可能electron还不支持最新版的node.js，建议从8.0以上的版本开始（注意：npm 命令被集成到了node.js里，安装node的时候已经自动将npm安装了。）以往各个版本下载链...

electron中iframe跨域问题解决

weixin_40679578的博客

07-13

2407

electron中iframe跨域问题

Electron + Vue 实现一个代理客户端

weixin_34343689的博客

04-07

1831

开源项目地址：戳我原理作为一个合格的前端工程师，你一定用过Fiddler或Charles之类的抓包工具。但是在Mac上做开发时，相关的抓包工具很多是收费的。当你费劲心思下载到了破解版，却还是难以忍受其丑陋的win风格界面和令人悲伤的闪退问题。有没有想过自己来实现一个代理客户端呢？其实这个真的可以有。中间人一个http代理服务器的原...

electron electron-vue创建子窗口

weixin_43294560的博客

09-14

8047

只能通过主线程创建窗口 1、配置路由,在router/index.js中配置好窗口对应的路由 2、在main/index.js主线程中创建窗口 function openVip() var xx = new BrowserWindow({ width: 400, height: 550, x:n, 位移 y:n, 位移 parent: mainWindow, frame:false, 是否显示默认工具栏 w

electron + vue项目实现打印小票功能

weixin_34355559的博客

11-24

4970

前言：该文章需要一定的electron基础同学。如需了解更多相关信息，请移步electron官方文档。一、需求：公司项目需要通过electron调用系统打印机，实现打印小票的功能。复制代码二、分析： electron打印大概有两种：第一种：通过window的webcontent对象，使用此种方式需要单独开出一个打印的窗口，可以将该窗口隐藏，但是通信调用相对复杂。第二种：使用页面的we...

vue项目嵌套iframe，发送、接收数据

WanFengZhou

05-18

6092

<template> <div class="home"> <iframe src="http://127.0.0.1:8888/index.html" class="mapFrame" ref="mapFrame"></iframe> </div> </template> <scri...

Vue3+Vite+TypeScript+Element Plus开发-23.客制Form组件

sen_shan的专栏

04-24

2082

在实际项目开发中，表单（Form）的数据编辑功能是常见需求。为了提高开发效率，本章节将重点介绍如何对表单组件进行封装，从而实现快速开发。

vxe-table封装表头