项目开发过程中，至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同，若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态切换的工作交给代码。 1. 首先在项目根目录下(与…

前阵子被一个 base 北京的小厂面到这个问题，我仅知道实现大文件上传可以通过切片的方式，但是当面试官问我具体实现细节的时候我就沉默了，这个问题本来就应该是大厂问的，心想现在行业都这么卷了吗，小

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

一、什么是导航守卫 1、官方的定义 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 2、自己的理解 导航守卫就是路由跳转过

案例:vue-element-asyncLogin2020-2-8更新优化流程,简化逻辑,去除_import.js文件,改为直接动态导入优化404页面2020-1-17更新更新为最新的vue-elem

在基础的 vue 项目中都是默认以前端配置好静态路由 但在一些较为成熟或大型项目中我们会通常会遇到 权限控制 这个问题，这样我们就涉及到动态路由的设置了 特别是一些 后台管理系统项目，需要对

useEffect 中防抖无效： 若直接在useEffect()中调用防抖函数，会发现防抖不起作用： 效果如图所示，点击5次，打印5次（是无效的防抖）， 原因是……

如何在前端实现自动或无感化的登录态管理，包括用户注册、登录、接口校验登录态以及实现自动化请求时自动携带访问令牌。我们将探讨两种常见的实现方式：使用 HTTP Cookie 和前端存储和发送访问令牌。

webpack原理图vite原理图