my的博客

项目中涉及到的多个请求的配置很多都是相同的，如get请求，其他配置可能都相同，只有url不同。那相同部分代码就会造成冗余，通过二次封装，可以实现接口代码复用。疑问：axios本身就是promise，为什么在进行封装请求方法的时候还要在外面加一层promise。后端：中间件/服务端进行跨域相关配置，在项目中新建允许跨域配置类。先引入封装好的方法，在要调用的接口重新封装成一个方法暴露出去。这里主要介绍前端的跨域解决方案,都是做配置项，实现代理转发。一些具体的业务，需要携带一些参数。在本地调试的时候，还需要在。

vue是SPA（单页面），所以首页在第一次加载的时候就会把所有组件的相关资源都加载了，即使实际上有些其他未出现在当前视图的组件的资源暂时会用不上，这样会导致网页首页加载速度过慢，用户体验不好。组件进行切换，我们有时只是想看看其他页面，但点回来仍然希望保持原有的组件状态，也就是不重新渲染数据，这时候就需要用到keep-alive（抽象组件）实现。所以我们可以在打包的时候不再将所有的js包打包到一起，而是将不同路由对应的组件进行分别打包成单独的js块，当路由被访问的时候再加载对应的组件。1.将异步组件定义为。

目录一、自定义指令二、v-lazy注册和使用vue3-lazy插件实现插件注册指令实现相关链接三、v-loading功能分析具体实现1.loading.vue2.创建loading指令对象（directive.js）3.注册并使用v-loading项目中用到了v-lazy指令和v-loading自定义指令，笔者在学习的时候非常困惑这到底是什么鬼，所以查阅资料整理了下思路，发现自定义指令真的太好用了！目的：对底层的DOM进行操作，可复用（注意最好数据不会发生改变）IntersectionObserver: h

根据B站vue3+vite+Element-plus实现的通用后台视频复现的项目