# 使用 Electron-Vite 和 Axios 构建跨平台桌面应用
## 简介
在现代开发中，前端应用的需求不再局限于 Web 浏览器。越来越多的开发者开始构建跨平台的桌面应用程序，以提供更好的用户体验和功能。Electron 是一个流行的跨平台桌面应用程序开发框架，而 Vite 是一个快速的前端构建工具。本文将介绍如何使用 Electron-Vite 结合 Axios 来构建跨平台桌面
原创
2023-08-26 11:38:55
460阅读
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库，除其他外，它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架，允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1481阅读
## Electron Vite Axios 跨域解决方案
跨域是指在浏览器中，当前网页的协议、域名、端口与目标请求接口的协议、域名、端口不一致，导致浏览器禁止发送跨域请求。在开发 Electron 应用程序时，我们经常会遇到需要跨域请求数据的场景。本文将介绍如何使用 Electron、Vite 和 Axios 来解决跨域问题，并提供代码示例。
### 1. Electron
Electro
原创
2023-08-22 11:20:29
2118阅读
# Vite + Electron + TypeScript 的坑
## 引言
在开发 Electron 应用程序时，使用 Vite 和 TypeScript 可以帮助我们更高效地进行开发。然而，当我们尝试将这三者一起使用时，可能会遇到一些坑。本文将介绍一些常见的问题，并提供解决方案。
## 问题一：Vite 不支持 Node.js 模块
Vite 是一个基于浏览器的构建工具，它默认只支持
原创
2023-07-20 03:43:24
442阅读
src/renderer/src/assets 中只留 main.css，内容为html,body {margin: 0;.drag {src/renderer/src/main.ts 中添加将 resourc
electron-vite 是一个新型 Electron 开发构建工具，旨在为 Electron 提供更快、更精简的开发体验。源代码保护背景无法保护 Electron 源代码，是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序，这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包，再重新分发破解版。解决方案要想真正
原创
精选
2022-09-22 15:08:20
2771阅读
src/main/index.ts 主进程响应信息。仅前端页面渲染，省略了表单校验和后端交互。src/main/index.ts 中。渲染进程向主进程发送信息。
Electron是一个跨平台的桌面应用程序开发框架，它允许开发人员使用Web技术（如HTML、CSS和JavaScript）构建桌面应用程，这些
原创
2024-03-15 15:11:43
643阅读
Electron是一个跨平台的桌面应用程序cOS和Linux等
原创
2023-07-29 19:54:57
760阅读
npm config set registry=https://registry.npm.taobao.org/ npm config set E
原创
2022-08-29 17:01:07
209阅读
一：全局安装vue/cli npm install -g @vue/cli
安装完成后检查版本
vue --version二：构建项目创建文件vue create projectName有的刚开始创建会报错类似这种的vue : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:
转载
2023-06-01 18:19:00
118阅读
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSEDBackground: 生产环境通过 Electron 直接加载本地文件系统中的静态资源注：node后的状态码不重要明明前端工程可以运行，后端连接也没问题，为什么打包完成后总是连不上网址？网上常规的
必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目
原创
2023-04-23 08:57:46
386阅读
开发新版本 Vue 项目推荐你使用 Vite 脚手架构建开发环境，然而 Vite 脚手架更倾向于构建纯 Web 页面，而不是桌面应用，因此开发者要做很多额外的配置和开发工作才能把 Electron 引入到 Vue 项目中，这也是很多开发者都基于开源工具来构建 Electron+Vue 的开发环境的原因。但这样做有两个问题：第一个是这些开源工具封装了很多技术细节，导致开发者想要修改某项配置非常不方便
原创
精选
2022-11-11 10:40:18
668阅读
electron-vite 可用，本机软件开发环境搭建 https://electron-vite.github.io/
原创
2023-07-23 00:42:06
61阅读
一、创建项目1、脚手架创建//官方脚手架
npm create electron-app@latest my-app //my-app 项目名称
//create-electron-vite脚手架
npm create electron-vite@latest my-app2、选择模板PS D:\webPro\yunfeng\electron> npm create electron-vit
首次安装可以选择文件保存位置，再次安装会默认选择以前的安装位置，并且会卸载旧版本并重新安装。?恭喜你，完成了安
记录基于electron13 + vue3 +vite2 的搭建 由于vite的运行、打包、热更新，与webpack数倍差距， 所以打算使用vite进行一个环境的搭建 vite 1、vue3的搭建 npm init @vitejs/app project-name cd project-name n ...
转载
2021-09-07 14:20:00
541阅读
2评论
