草庐IT

electron-vite

全部标签

记:vite3+vue3+axios前端项目跨域问题解决【前端和服务器nginx配置】

前言:什么是跨域,网上一搜一大把,所以这里直接跳过,直入主题。处理方式:不通过后端处理跨域,通过前端+服务器nginx处理。1.前端涉及处理跨域的必要配置(开发环境、生产环境):vite3、vue3、axios2.服务器涉及处理跨域的配置(生产环境):nginx【主要用到其配置文件nginx.conf】3.配置开发环境【跟目录下分别创建:.env.development、.env.production】        .env.development内容如下:VITE_APP_PROXY_BASE_API='/proxyCustomerApi-dev'        .env.producti

vite --- 搭建开发环境

目录下载安装和初始化VSCode安装Node.jsyarn使用pnpm 安装与使用搭建第一个Vite项目使用PNPM创建项目项目目录解读下载安装和初始化VSCode1、访问网站VisualStudioCode-CodeEditing.Redefined2、选择平台版本选择符合自己操作系统的安装包下载完毕,根据安装向导安装。限于篇幅,不再赘述。3、安装一个VSCode插件ChineseSimplifiedLiveServer4、安装主题Monokai安装Node.js1、访问网站Node.jsNode.js官网默认监测你的电脑操作系统,给出相应版本,建议安装LTS版本。点击按钮下载安装包,根据安

Vue3+element-plus+vite 组件的二次封装-- 添加vue项目单元测试(vitest+happy-dom+testing-library)

本人是一个web前端开发工程师,主要是vue框架,整理了一些Vue常用的技术,一方面是分享,一方面是做总结,今后也会一直更新,有好建议的同学欢迎评论区分享;-)序号文章0组件库展示1通过JSON配置–头部搜索条件的封装组件2通过JSON配置–表单Table的封装组件3页脚的封装组件4通过JSON配置–Form表单的封装组件5生成npm组件库6发布到npm7vitest为组件库添加单元测试8vuepress为组件库生成文档9通过github或者giteepages将组件库文档发布到线上,免费!10源码地址文章目录组件库开发流程0.简介1.安装依赖2.配置Vitest2.1添加三斜线指令2.2在d

vite入坑之路:react+vite动态导入报错@vite-ignore的解决方法

正常的动态组件导入方式webpack搭建的项目,不管是react还是vue通常引入动态组件基本这么写:consturl=import(`../pages/${locale}`)//vite不支持orconsturl=import(`../pages/${locale}/index.jsx`)//vite不支持这在vite架构中,一般情况下开发不会有问题,但是使用build打包就会给出警告提示。错误信息:TheabovedynamicimportcannotbeanalyzedbyVite.Seehttps://github.com/rollup/plugins/tree/master/pack

vue3+vite静态页面部署到gitee pages

vue3+vite静态页面部署到giteepagesgitee创建开源仓库修改项目部署到gitee中随着vue3的成熟,vue2将在2023.12.31停止维护,所以有必要搞一下vue3项目静态页面怎么部署到gitee中了如果还有想部署vue2静态页面到gitee中的话,访问https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502vue3+vite+ts脚手架创建就不写了,随便搜一搜,一大把,直接上重点gitee创建开源仓库仓库名字自定义,例如我的仓库名字是vue3_viteapp;一

2023 最新 Node.Js 语言实现 Electron.js 桌面应用开发详细教程(进阶篇)

Electron基本概述Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建。在Windows上运行的跨平台应用macOS和LinuxElectronFiddle运行实例ElectronFiddle是由Electron开发并由其维护者支持的沙盒程序。我们强烈建议将其作为一个学习工具来安装,以便在开发过程中对Electron的api进行实验或对特性进行原型化。脚手架创建工作环境mkdirmy-electron-app&&cdmy-electron-a

[已解决]electron-builder vue 打包后iconfont/element-ui字体图标不显示问题

软件版本"vue":"^2.6.14""electron":"^13.0.0"nodev14.16.0"element-ui":"^2.15.8"问题描述iconfont.cn站点的字体图标下载到本地,采用Fontclass的方式调用(如:),在开发预览环境中调用正常;可是打包后不显示字体图标。element-ui也遇到同样的问题。经过打包后开启的控制台可以看到引入字体文件的路径如下图红框所示(app://fonts/xxx.ttf)(打包后我直接打开的是免安装的软件)由此可见问题的原因很明确了:引用地址错误(下图是css的正确引用地址)。原因明确,但是本人着实不懂打包的地址配置,截止编写此文

十五分钟带你学会 Electron

文章目录什么是Electron为什么要选择Electron安装Electron桌面CSDN实战Electron基础配置Electron进程主进程渲染进程主进程与渲染进程的区别主进程与渲染进程的通信Electron跨平台问题Electron部署打包应用程序发布应用程序Electron跨端原理总结什么是ElectronElectron是一种基于Node.js和Chromium开发的开源框架,用于构建跨平台桌面应用程序。Electron提供了许多跨平台的功能,例如窗口管理、菜单、对话框和托盘图标等。它还可以轻松地与Node.js模块进行集成,以便开发人员可以使用已有的Node.js生态系统中的库和工

SpringBoot+Vue项目打包成exe,含mysql,redis,nginx,Electron

 背景        最近公司有个项目需要做单机的exe程序支持一些离线的功能,这些功能原本在Web端已经实现,为了应用快速开发出来没有考虑C#实现(主要是C#人手不够),决定将Web端应用阉割之后打包成离线运行。后续我将用RuoYi的前后端分离版来演示如何将RuoYi-Vue打包成单机应用。    另外我找遍了全网也没有详细的介绍,仅有几篇文章也只是简单的涉及到前端项目或者后端项目,没有文章介绍将前后端项目一起打包至桌面客户端中,特此才写此篇文章详细讲解。    转载请与我联系取得许可。服务架构的介绍后端采用SpringBoot框架,技术栈包含(Java8,MySQL,Redis)。前端采用

electron-builder构建生产安装包下载失败问题

electron-builder生产安装包打包时下载electron的编译包出现404问题,可以配置build以下选项,提高打包的成功率。自定义的打包命令"pack":"electron-builder--project./dist--win--ia32"华为"electronDownload":{"mirror":"https://mirrors.huaweicloud.com/electron/"},淘宝"electronDownload":{"mirror":"http://npm.taobao.org/mirrors/electron/"},多错几回就知道了PYTHON_PATH=/L