目录1.该问题出现的原因2.处理401问题的解决方案原理3.使用响应拦截器解决问题1.该问题出现的原因在前后端分离项目中，最常见的是前端点击登录后，后端返回token字符串，这个token可以看作是一个“令牌”，就比如你去酒店办理入住后，拿到的房卡，那代表你有着进去房间的权限。1.登录用户的token过期 token是具有时效性的，生活中，如你登录腾讯视频，接下来几天你再登录就不用输入账号密码，而时间很长如半个月后，你还要重新输入账号密码登录，这个过程就是token过期。具体多久过期，一般是和后端商量着来，后台管理类项目如企业内部的项目为了安全性且并不会过多的考虑用户体验，一般设为很短或者干脆
如何在提交代码之前，进行代码格式化检查，保证每个成员的代码都是同一个风格呢？最简单的两种方式：使用prettier+gitpre-commit使用prettier+husky(原理和第一种一模一样哦)名词简介githooks下图为githooks的官方示例，以.sample结尾。注意这些以.sample结尾的示例脚本是不会执行的，重命名后会生效是一些自定义的脚本，用于控制git工作的流程，分为客户端钩子和服务端钩子。客户端钩子包括：pre-commit、prepare-commit-msg、commit-msg、post-commit等，主要用于控制客户端git的提交工作流。服务端钩子：pre
😫博主：小猫娃来啦😫文章核心：实现客户端与服务器实时通信的技术手段文章目录前言轮询技术轮询的概念轮询的实现原理轮询的优缺点轮询的使用场景长轮询技术长轮询的概念长轮询的实现原理长轮询的优缺点长轮询的使用场景轮询与长轮询的比较示例代码结论前言现代Web应用程序对实时通信的需求越来越高，为了满足这种需求，轮询和长轮询成为了常用的技术手段。本文将深入探讨轮询和长轮询的实现原理、优缺点以及使用场景，并提供代码示例，以帮助读者更好地理解和应用这两种技术。轮询技术轮询的概念轮询是一种客户端与服务器之间实时通信的技术手段，它的基本原理是客户端定期发送请求来查询服务器是否有新数据或事件，并将响应返回给客户端。如
系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、了解Vue3二、了解Vite三、了解TypeScript四、了解Pinia五、了解Sass总结前言旨在帮助初学者掌握使用现代前端技术栈构建应用的基础知识和技能。在这个系列中，我们将深入探讨如何结合Vue.js、Vite、TypeScript、Pinia和Sass这些强大的工具和框架来开发现代化的前端应用。通过这个系列，我们将从零开始构建一个完整的前端项目，覆盖项目初始化、组件开发、状态管理、样式处理等方方面面。我们将介绍每个技术的基本概念，并提供实际的代码示例和最佳实践，让读者能够快速上手并建立扎实的技术基础。不论你是刚入门前端开
一、概念在前端发送请求时，如果想要携带cookie，通常只能携带存储在与请求域名相同路径的cookie。这是由浏览器的同源策略所决定的。同源策略要求请求的域名、协议和端口都必须一致，否则浏览器会限制跨域请求的权限。当浏览器发送跨域请求时，默认情况下不会自动携带cookie，只有在以下两种情况下才会携带：目标域名设置了允许携带cookie的响应头（Access-Control-Allow-Credentials），并且请求的origin域名也在目标域名的白名单中。请求通过简单请求（GET、POST、HEAD）发送，并且请求的目标域名与当前页面的域名相同。因此，如果想要在前端发送跨域请求时携带co
很多时候在工作中会碰到完全由前端导出word文件的需求，因此特地记录一下比较常用的几种方式。一、提供一个word模板该方法提供一个word模板文件，数据通过参数替换的方式传入word文件中，灵活性较差，适用于简单的文件导出。需要依赖：docxtemplater、file-saver、jszip-utils、pizzip。javascript复制代码importDocxtemplaterfrom"docxtemplater";import{saveAs}from"file-saver";importJSZipUtilsfrom"jszip-utils";importPizZipfrom"pizz
文件上传完成文件上传这个功能需要涉及到两个部分：前端程序服务器程序储存方式文件上传后将如何进行储存本地磁盘储存云服务器oss储存项目准备##后端项目创建创建springboot工程，引入对应的起步依赖（web、mybatis、mysql驱动、lombok）配置文件application.properties中引入mybatis的配置信息，准备对应的实体类准备对应的Mapper、Service(接口、实现类)、Controller基础结构##前端代码准备便于测试，我们将前端程序直接放在springboot项目工程下的static（静态资源）目录里面的"upload.html"文件中。formac
👉前端-Vue权限控制，菜单权限，按钮权限_一人创客的博客-CSDN博客目录介绍：前端权限的概念：前端权限的意义：Vue权限管理的代码实现：菜单刷新界⾯菜单消失标识⽤户名,⽅便查看当前⽤户退出登陆： 界面：1.判断当前是否登陆2.控制是否可以访问角色界面（不太理解）按钮：请求和响应：请求控制 响应控制总结（重要）：菜单：界面： 按钮控制请求和响应控制介绍：前端权限的概念： 前端权限的控制本质上来说,就是控制前端的视图层的展示和前端所发送的请求。 前端权限的实现必须要后端提供数据⽀持,否则⽆法实现。返回的权限数据的结构,前后端需要沟通协商,怎样的数据使⽤起来才最⽅便.
文章参考翼龙官方文档：https://pterodactyl.io/project/introduction.html本文章所用环境：前端服务器：CentOS7.9网站环境：Nginx+PHP8.2+MySQL8.0该文章最终搭建翼龙版本：1.11前言如果您希望能够在不了解基本的Linux系统管理的情况下安装它，你现在应该先去学习Linux基础知识。因为此文章不会一步一步教你Linux系统的使用。我们希望您能坐下来耐心地阅读本文档，原作者花费了很多时间讲解清楚，我们也花了很多时间翻译成您能理解透彻，看得懂的简体中文。请务必花时间阅读，而不是对着配置复制粘贴。想把翼龙面版复制来粘贴去就能运行的行
前端项目的打包过程通常涉及将多个源文件（包括HTML、CSS、JavaScript等）合并、优化和压缩，以生成最终用于生产环境的静态资源。这个过程可以使用构建工具和打包工具来自动化完成。以下是前端项目的常见打包步骤：1.**源代码编写**：前端开发人员编写HTML、CSS、JavaScript和其他必要的资源文件来创建Web应用程序或网站。2.**安装构建工具**：通常，前端项目使用构建工具来帮助管理和打包源代码。一些常见的构建工具包括： -**Webpack**：一个功能强大的JavaScript模块打包工具，可以处理多种类型的文件，并支持各种插件和加载器。 -**Parcel**：一个
