electron axios
axios中使用qs.stringify格式化get请求参数
安装使用: 安装: npm install qs 引入使用: // 引入封装的 request.js import request from "@/utils/request"; import qs from "qs"; export function getXXX(params) { return ......
npm安装electron失败解决办法
按照别人的教程把uniapp打包成exe程序总是出错,卡在安装electron这一步,搞来搞去,终于摸清楚了原因。 1、首先用nvm把node切换到14版本,没有就安装。 nvm install 14 这时你会发现太慢了! 然后你必须去nvm根目录把settings.txt改一下配置,新增以下两项: ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的,而谷歌Chrome取消了对PPAPI插件支持后,在线Office方案纷纷失效,只能更换国产浏览器在低版本浏览器苟延残喘,不能用于electron+vue项目。 市场上的方案很多,有很多免费开源的,同时也有比较成熟的商业软件,丰俭由人,大家可 ......
axios发送get、post请求
1.环境安装 //nodejs环境 //npm install axios 2.axios发送get请求 const axios = require('axios') const url = "xxx.xxx.xxx"; const headers = {} axios.get(url, {head ......
electron+vue网页直接播放RTSP视频流?
目前大部分摄像头都支持RTSP协议,但是在浏览器限制,最新版的浏览器都不能直接播放RTSP协议,Electron 桌面应用是基于 Chromium 内核的,所以也不能直接播放RTSP,但是我们又有这个需求怎么办呢? 市场上的方案很多,有很多免费开源的,同时也有比较成熟的商业软件,丰俭由人,大家可以自 ......
招投标系统是Electron的纯内网编辑Office Word,可以设置部分区域可编辑,其他的地方不能编辑吗?
问题: 我们是招投标系统的开发公司,框架是用的Electron,需要在纯内网的环境下编辑Office Word,可以设置部分区域可编辑,其他的地方不能编辑吗(如下红框位置)?并且在用户忘记填写一些区域的时候做提醒。 回答: 可以实现,猿大师办公助手支持Electron框架,并且支持纯内网部署。 猿大 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
electron-vite 安装, 打包下载资源失败,设置国内镜像
由于electron默认打包会从github上下载相关二进制包,众所周知,国内GitHub访问是相当慢的,所以经常会出现下载失败导致打包不成功,这时我们就需要配置国内的镜像源,以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件(没有就创建): npm的配置文件为用户根目录下的:~/. ......
axios简易封装
import axios from 'axios' import qs from 'qs' const rootUrl = "http://localhost:5139/Dev/" function https(url, method, data, params, success, err) { a ......
electron-builder
electron-builder打包工具 首先,确保你的项目中已经安装了 electron-builder。可以在项目根目录下运行以下命令来安装它: npm install electron-builder --save-dev 在你的项目根目录下创建一个 electron-builder.yml ......
electron-forge打包,更改logo
package.json "config": { "forge": { "packagerConfig": { "appVersion": "1.1.4", "icon": "./icon/icon.ico", "name":"项王零售收银系统", "appCopyright": "siki" }, ......
ajax和axios区别及优缺点
先上总结: axios和ajax的区别:二者都为我们用户提供了浏览器客户端向服务器发送请求和获取资源的功能。关系可以理解为 axios = ajax + http,其中 ajax支持客户端请求资源(比如浏览器),http 用于服务端请求资源(比如 Node.js等服务器)。axios是通过Promi ......
Electron 窗口尺寸
相对于屏幕左上角,窗口打开位置 x:200 y:300 默认展示窗口,不展示更改设置 show:false 设置窗口大小 width:800 height:400 可以通过 min max 来设置当前应用窗口的最大和最小尺寸 maxHeight:600, maxWidth:1000, minHeig ......
Electron
1、安装 RequestError: connect ETIMEDOUT 20.205.243.166:443 解决: 1.npm config edit 打开配置文件 2.修改配置 electron_mirror=https://npm.taobao.org/mirrors/electron/py ......
Electron生命周期事件
ready:app初始化完成被触发一次(用户执行加载窗口的初始化-createwindow) dom-ready:当前窗体中的文本加载完成后触发 did-finsh-load:导航完成时触发(发送在dom-ready之后) window-all-closed:所有窗口都被关闭时触发(如果没有该事件的 ......
一个报错深刻理解axios传参和mock拦截(外加正则表达式)
前言:事情是这样的,在使用axios二次封装和mock进行拦截的时候,不是参数传递方式不正确就是找不到后端接口,为此我茶不思饭不想把axios和mock好好看了一遍,最后除了这些问题,发现是输在了正则表达式上面,找出错误的时候自己都懵了 axioa传参问题 总所周知,我们在平时使用axios的时候是 ......
Electron简单使用
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本 ......
Electron 环境搭建
下载electron 官网提供的案例 克隆示例项目的仓库 : git clone https://github.com/electron/electron-quick-start 进入这个仓库: cd electron-quick-start 安装依赖并运行: npm install npm sta ......
axios之基本封装
1. axios实例 安装axios库 npm install axios or yarn add axiosor CDN <script src="https://unpkg.com/axios/dist/axios.min.js"></script> // 引入 import axios fro ......
Electron工作流程
Electron 不同层级作用 实例 ,音乐应用实现 主进程职责 可以看做是package.json 中的main属性对应的文件 一个应用只会有一个主进程 只有主进程可以进行GUI的原生API操作 渲染进程如果需要调用原生API,仍是先经过主进程 可以管理所有的web界面和web界面对应的渲染的进程 ......
electron 技术架构
Electron核心组成 核心总结 Chromium:支持最新特性的浏览器(支持ES6及其他版本的新语法) Node.js: Javascript 运行时,可实现文件读写等(本地命令调用和执行操作) Native APIs:提供统一的原生界面能力(与操作系统通信,如操作系统的通知、快捷键、获取底层硬 ......
electron的渲染进程使用axios时被csp安全拦截的解决方案
1、问题出现场景 脚手架用的是electron-vite,渲染进程是vue3+pinia+vue-router,http请求是使用的axios,在发起请求时发现控制台报csp问题 2、原因分析 csp其实就是跨域问题,不支持非同源的资源访问,以往开发普通的vue项目时因为有脚手架里的代理,所以不会出 ......
Vue模版(主要对axios进行了封装)
Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
从零开始用 Axios 请求后端接口
对于前端同学来说,请求后端接口是一个非常通用的东西。在十几年前的时候,我们还用 Ajax 去请求后端接口。但在 2023 年的今天,很多框架都很成熟了,我们有了更加快捷的方式 —— Axios 框架。 请求框架哪家强? 对于使用 Vue 技术栈的同学来说,其实接口请求框架就三种:vue-resour ......
vue项目多axios实例动态创建
// 通用请求拦截器 import axios from "axios"; import Qs from "qs"; import store from "@/store"; import router from "@/router"; import { Loading, Message } fro ......
Electron 或 Node.js 判断当前设备是否支持触摸屏
在 Windows 系统上,可以通过注册表项 `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet PC\IsTabletPC` 获取当前设备是否支持触摸屏 ......
Electron的使用技巧及打包超时解决该当
打包出错:An unhandled rejection has occurred inside Forge:RequestError: Socket connection timeout 错误本质是链接超时 解记方案 项目根目录创建文件:.npmrc 增加内容:electron_mirror=htt ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
请求体编码【源自axios官网】
请求体编码 默认情况下,axios将 JavaScript 对象序列化为 JSON 。 要以application/x-www-form-urlencoded格式发送数据,您可以使用以下选项之一。 浏览器 在浏览器中,可以使用URLSearchParams API,如下所示: const param ......
electron-vite导出多个preload
在electron-vite创建项目的时候,src目录下会建立三个目录 第一个是主进程文件,第二个是预渲染进程文件,第三个是渲染进程文件 对于preload,默认的是导出下面的index.ts到out/preload下面,但是如果我们想导出多个preload,应该怎么设置? 在electron.vi ......