1.前言最近开发小程序，开发环境uni_app+vue3等。在获取小程序平台用户信息是报错：{errMsg:"getUserProfile:failmustbeinvokedbyusertapgesture",errNo:21500}我在抖音上查了下错误码：看到这个解释也是瞬间无语了，然后在平台查找错误，找了半天终于在vue2升级vue3文档里面找到解决办法,官方链接：uni-app官网(dcloud.io)https://zh.uniapp.dcloud.io/tutorial/migration-to-vue3.html#some-miniapp-terminal-events-of-vu

Vite是一个新型的前端构建工具，为我们在开发和构建做了很多工作，比如：生成一个开发服务器，提供热更新、直接通过包名引用模块、解决跨域等问题、打包时还会自动压缩文件体积。Vite的内部帮我们集成了很多的插件如：Rollup、esbuild、uglifyjs、terser、postcss、less等等，降低了开发者的心智负担。第三方插件的使用原理在调用第三方插件，传入配置后，其实是在执行命令后添加参数,如：...esbuildOptions:{platform:"node"}就相当于esbuildxxx--platform=node搭建npmcreatevite@latest这条指令是creat

11月16日，Vite5.0正式发布，这是Vite道路上的又一个重要里程碑！Vite现在使用Rollup4，这已经代表了构建性能的大幅提升。此外，还有一些新的选项可以改善开发服务器性能。Vite4发布于近一年前，它为生态系统奠定了坚实的基础。随着项目继续在共享基础设施上构建，每周npm下载量从250万跃升至750万。框架不断创新，除了Astro、Nuxt、SvelteKit、SolidStart、QwikCity等，还看到新的框架加入并使生态系统更加强大。RedwoodJS和Remix转向Vite为React生态系统的进一步采用铺平了道路。Vitest的增长速度甚至超过了Vite。其团队一直在

新建App.vue,内容如下exportdefault{//data选项声明响应式状态，必须是返回一个对象的函数data(){return{//声明状态属性，属性名不能以$和_开头，内置使用保留，不让我们声明使用msg:'我是谁',age:18,salary:99.99,staff:{//对象id:1,name:'梦',hobbies:['台球','足球']}}},methods:{say(){this.msg='msg',this.staff.hobbies.push('篮球')}}}{{msg}}=={{age}}=={{salary}}=={{staff.name}}=={{staff.

项目初始化本片文章主要记录项目的环境，项目搭建。在开始本次学习中，鉴于你有前端三件套和vue的知识基础。文档创建于2023年5月20日，大家都去过情人节了~我在肝代码！环境的搭建node版本使用18.16.0。目前（2023.05.20）的稳定版本，这里推荐使用nvm来管理node的版本。Nvm使用教程（很简单）。版本管理主要原因是公司有老项目，使用高版本node无法运行，需要进行切换。安装node版本安装node版本使用nvm工具，具体查看上面的教程安装nvm（内容可能有点老22年的文档，可自行百度）。安装好nvm后使用nvminstall18.16.0安装我们的node。安装好后，按照提示

如果你使用vue或者react开发，就得使用axios吧，然后为了解决跨域问题，就得使用vite配置吧，那怎么协调配置它们两个才能正常工作呢？正常的流程：配置axios的baseURL，然后配置vite的proxy第一种方式：路径不用重写配置axios的baseURL：//1、利用axios对象的方法create,去创建一个axios实例constrequests=axios.create({//配置对象//基础路径，requests发出的请求在端口号后面会跟改baseURlbaseURL:`${window.location.origin}`,//代表请求超时的时间5stimeout:500

如果你想把你用Vite构建的项目部署到服务器的二级路由上，比如http://demo.dev/admin/ ，你需要注意以下几个步骤：一.配置基础路径base基础路径base是指你的项目在服务器上的相对路径，比如你的项目部署在 http://demo.dev/admin/ 上，那么你的基础路径就是/admin/。你需要在两个地方配置基础路径：配置vite.config.ts中的base属性。这个属性会影响你的静态资源的引用路径，比如图片，样式，脚本等。你可以在vite.config.ts中直接写死base的值，也可以通过环境变量来动态设置。配置路由的history模式。这个模式会影响你的路由路

​回顾 前期  ​       前端利器——提升《500倍开发效率》传一张设计稿，点击一建生成项目好牛_0.活在风浪里的博客-CSDN博客如果非要说它有什么缺点，那么我觉得就是它会，让你cv大法都没处使！！！比如：公司让你写一个小程序、或h5web页面、UI给了你30张UI图，说让你自己切图，你当时就准备拍案而起，拳棒相加，但突然想起来她好像是你老婆，所以你忍了！你进入到网站，这个时候犹如战神附体，几秒钟搞定一张设计稿（包括透明图），祝大家2022越来越强。https://blog.csdn.net/m0_57904695/article/details/126976940  目录项目开始时：

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、介绍二、安装三、基础用法1、基础路由配置2、声明式导航和编程式导航1、声明式导航2、编程式导航3、嵌套路由4、动态路由匹配1、如何将多路径映射至同一组件2、代码演示5、命名、重定向和别名1、命名2、重定向3、路由别名6、路由传参7、不同的历史模式1、hash模式2、html5模式3、两种模式差异四、路由守卫1、完整的导航解析流程2、全局前置守卫3、全局解析守卫4、全局后置钩子5、路由独享的守卫6、组件内的守卫五、动态路由1、添加路由2、删除路由3、添加嵌套路由4、查看现有路由六、其他配置1、路由元信息2、路由懒加载3、类型化路由（

vite中配置https安全超文本网络协议1、本地模拟生成证书2、安装证书3、vite中使用插件支持https协议前言：https的配置是相对安全的，但是需要购买证书，它是SSL/TLS+HTTP的安全超文本网络协议此版本配置的是在vite开发服务器上临时配置的https协议，生产环境需要购买证书，在nginx中配置1、本地模拟生成证书在vite项目根目录中创建mkcert目录全局安装mkcertyarnadd-gmkcert利用mkcert创建camkcertcreate-ca根据ca创建cert（domains后面跟着的是域名或者ip）mkcertcreate-cert--domains1