vite打包生成静态文件打开显示空白需求场景本地调试访问打包的文件看是否有啥问题，方便定位线上问题安卓手机需要去直接访问静态文件，而不是访问域名的情况vite打包生成的文件如果直接放在服务器中是可以正常访问的，但是本地直接访问打包生成index.html文件就会提示以下问题。访问的文件不存在，主要是因为路径配置问题。提示跨域问题，不支持files协议，主要是因为esModule问题。问题1：访问的文件不存在，主要是因为路径配置问题。解决：在vite.config.js文件中配置主要：打包静态文件必须是根路径，否则放到服务器找不到静态资源（同理于webpack中的publicPath的配置）ex
1.业务背景随着公司业务的快速发展，商家客服也纳入了我们的服务范围，商家客服工作台的定位是通过工具和数据服务商家，一站式解决用户购买咨询诉求。通过工具和运营策略协助商家提升服务品质，让品牌商家有动力运营好潜在的客户，从而达到提升用户服务的目标。桌面应用的转化在未来是客服产品的方向。已有web端聊天系统的前提下，商家客服为什么要迁移桌面应用？首先我们收到部分商家客服反馈：用户是上帝，我们是很重视用户的反馈的，所以首先我们想的是如何在web端解决这些问题，下面我们逐一分析下以上问题我们能不能在网页端解决呢？针对客服A同学问题：大多数客服职场的台式机是不会安装音频设备，如果人家没音频，没外音，我们能
官网:https://www.antdv.com/docs/vue/introduce-cn文档选择vue3版本，也是官网当前推荐的安装ant-design-vuenpmi--saveant-design-vuemain.js引入，全局使用import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router/index'importstorefrom'./store/index'importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.css';
#一、获取默认环境变量vite默认的5个内置环境变量无法在.env.development等配置文件中更改，可以通过运行时配置更改```jsconsole.log(import.meta.env);//{//BASE_URL:'/',//DEV:true,//MODE:'development',//PROD:false,//SSR:false//}```#二、自定义环境变量>1.环境变量可在任意组件中使用，也可在vite.config.js中使用>2.定义的环境变量的前缀必须是`VITE_`，否则环境变量不生效，此前缀可配置>3.如果在所有配置文件名后拼接.local，那么此配置文件会被gi
说明:最近Vite3发布了，所以总结一下Vite有什么新的特性，本期为大家带来的是干货内容，所以大量的说明文字，没有图片之类，希望多多包涵。 一.发布背景 在v2发布后，采用率一直不断增长，每周npm就超过了100万的下载量，如今Vite3.0横空出世，它是下一代的前端工具链,而如今Vite正在推动Web框架的新一轮创新竞赛。二.Vite3.0有那些特性1.模板变更当你使用Vite创建Vue模板时候，你会发现主题与Vite的文档一致，同时扩展了暗色和亮色模式，我们知道手机一直以来都有深色模式,这无疑满足了广大用户的需求。 2.优化总体来说Vite3修复了400+issuse,减少了体积，冷启动
参考链接https://github.com/originjs/vite-plugin-federation/blob/main/README-zh.md，里面也有dome可以进行查看webpack也有这个插件，比vite好用，vite不支持本地，必须要打包后开启服务才可以先下载(只要用到的项目都需要进行下载)npminstall@originjs/vite-plugin-federation--save-dev1、新建两个vite+vue的项目（one,two项目名）one项目中（主）----vite.config.jsimage.png注意：上面图片中的shared这个里面要把你组件中使用
前言在用electron做win桌面应用程序开发的时候,我们会涉及到一些数据需要做到本地磁盘储存,并能随意取出和更改.一般情况下存储的数据都是用户的一些基本信息和配置信息,这样下次继续打开程序就不需要再次配置.那么用什么方法去实现应用程序本地磁盘存储呢?Electron存储简单数据推荐用electron-storeelectron-store可以用来保存electron应用程序或模块的简单数据持久性-保存和加载用户首选项，应用程序状态，缓存等。github地址electron-storeelectron官方文档electronjs.org一、为什么不使用window.localStoragel
使用vue3+pinia2开发仿制chatgpt界面聊天实例Vue3-Chatgpt基于Vue3.x+Pinia2+VueRouter+Vue3-Markdown等技术构建仿ChatGPT网页端聊天程序。支持经典+分栏界面布局、light/dark模式、全屏+半屏显示、Markdown语法解析、侧边栏隐藏等功能。技术框架编辑工具：Cursor框架技术：Vue3+Vite4.x+Pinia2组件库：VEPlus(基于vue3桌面端组件库)国际化多语言：vue-i18n^9.2.2代码高亮：highlight.js^11.7.0本地存储：pinia-plugin-persistedstate^3.
首先你完成了如下：[Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）](https://www.jianshu.com/p/1f503a350c38)[Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）](https://www.jianshu.com/p/497af1d9db10)今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。父传子Ref基础的HelloWorle.vue就有就不多说了。#初始目录：![image.png](https://upload-images.jianshu.io/upload_images/28
项目场景：基于vue3版本的uniapp运行h5和微信小程序问题描述uniapp运行h5请求接口成功，运行微信小程序请求接口不成功vite.config.ts配置proxyimport{config}from"./.env"...server:{proxy:{'/dev-api/':{ target:config.BASE_API,changeOrigin:true,rewrite:path=>{returnpath.replace(/^\/dev-api/,'')}},}},....env配置请求接口域名exportconstconfig={BASE_API:fn(),}function
