前言说好的路由篇，怎么变成完结篇了？是这样的，本来计划这篇只写路由的，后来构思的时候发现路由篇的前置和关联知识实在太多了，我觉得权限这一块和路由一起讲比较好，但是讲到权限，那登录肯定也少不了吧，涉及到登录那axios封装自然也少不了喽，封装好了axios那么mock也要集成进来，索性就把剩下部分全讲了吧，就当是把之前拖更的补上吧。最后总结出这一篇具体讲以下几块内容常用工具类封装axios封装mock集成路由集成Pinia集成登录页路由守卫（权限等）警告！！以下内容全程干货，代码过多，为防出错，文末会提供本篇内容的源码仓库以共查缺补漏~常用工具类封装一、在src目录下新建utils/is.jsu

最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~版本信息HBuilderX:3.8.4Vite:4.2.1uView-Plus:3.1.31创建uniapp+vue3项目uniapp官网提供了 HBuilderX可视化界面、vue-cli命令行 两种方式快速构建项目。这次主要讲解通过hbuilderx可视化编辑器创建项目。点击编辑器的文件>新建>项目（快捷键Ctr

问题一：怎么都链接不了后端地址根据以下配置，发现怎么都链接不了后端地址，proxy对了呀。 仔细看，才发现host有问题//本地运行配置，及反向代理配置server:{host:'0,0,0,0',port:80,//cors:true,//默认启用并允许任何源//open:true,//在服务器启动时自动在浏览器中打开应用程序//反向代理配置，注意rewrite写法，开始没看文档在这里踩了坑proxy:{//本地开发环境通过代理实现跨域，生产环境使用nginx转发'/api':{target:'http://localhost/8090',//通过代理接口访问实际地址。这里是实际访问的地址。

项目结构my-vue3-project├─.env //默认环境变量├─.env.development //开发环境变量├─.eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成├─.eslintrc.js //eslint配置文件├─.gitignore├─auto-imports.d.ts //（autoimport变量，ts声明文件）由auto-import插件生成├─index.html├─jsconfig.json├─package-lock.json├─package.jso

前言在webpack中通常用require()来引入静态图片，但在vite中这种方法就不行了。本文实现了在vue3+vite项目开发中，实现引入本地图片（静态资源），并且build打包后依然正常运行，支持普通标签使用，也支持UI组件库的各种“图片属性”当参数进行使用。如下图所示，按照步骤进行操作，保证100%成功引入和运行。实现代码

4月20日，Vite4.3正式发布。在这个版本中，Vite团队专注于改进 devServer的性能。简化了解析逻辑，优化了热路径，并对查找package.json、TS配置文件和一般解析URL实现了更智能的缓存。与Vite4.2相比，这个版本的速度得到了全面提升！性能提升以下是性能改进的具体数据，由sapphi-red/performance-compare测试得出，该测试会以1000个React组件测试应用的冷启动和热启动时间以及根节点和叶节点组件的HMR时间：Vite(babel)Vite4.2Vite4.3改进开发冷启动17249.0ms5132.4ms-70.2%开发热启动6027.8

打包‘readFile‘isnotexportedby__vite-browser-external报错打包报错如下问题所在处理办法打包报错如下问题所在因为vue3项目是用不了vue-pdf所以用了pdfjs-dist，开发环境pdf查看是没问题正常使用，只是在打包的时候就报错，应该是由于pdfjs-dist.js使用了fs,fs是nodejs环境下的工具库,所以vite才会报错。处理办法1、下载插件cnpminstallvite-plugin-commonjs-externals-D2、vite.config.js配置importcommonjsExternalsfrom'vite-plug

Cesium3dtiles渐变特效vite-plugin-cesium版源码结语源码//Anhighlightedblockimport*asCesiumfrom"cesium";constviewer=ref(null);consttileset=ref(null);tileset.value=viewer.value.scene.primitives.add( newCesium.Cesium3DTileset({ //url:"http://192.168.1.18:9003/model/t2N4u5bBr/tileset.json", url:"3dtiles/tile

前言入行前端工作将近两年多时间了（如果算上实习），从一开始vue2入门，到现在vue3前端变化是真的快，刚了解webpack搭建项目流程，vite又横空出世，不得不说前端变化真的太快了，所以只有不停的学习才能跟得上大佬们的脚步；废话不多说，进入正题，由于公司的领导要求前端要有自己的脚手架项目，能拿过来就用，所以想着基于vite+vue3搭建一套基础的项目，但是想用在其他地方感觉通用性不强，所以打算做成一个集成系统，就是把工作中平时用到的技术剥离业务，做成一个demo演示系统，至于想即开即用，目前没有能力做这个脚手架，只能通过gitclone历史记录，或者删除多余的引用。本篇文章主要围绕vite

今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！只需要15行代码就优化300行路由配置并且在也不用去后期手动添加路由配置！解放之鼓啊，废话不多说直接上核心代码。注意：如果你view下面有组件，那么你需要给组件的文件命名：components/组件.vue，不限制层级你可以在view下任意地方创建components开发你的私有组件1.核心代码//自