- 博客(6)
- 收藏
- 关注
原创 Vue3配置代理后页面500/404
base:base 是 Vite 配置中的一个选项,用于指定项目的基本公共路径。proxy:proxy 是 Vite 配置中的一个选项,用于配置开发服务器的代理转发。可以看见,vite是将base拼接的地址通过fetch加载文件,fetch是一个异步请求,如果此时base与代理地址重名,那么静态资源将会被代理到服务器,所以会出现文件找不到的问题。但是配置完后前端页面一直处于404的状态,网络请求显示500,我以为是路由的问题各种排查,甚至把官网Vue-Router的实例down下来,发现人家都是可以的。
2023-05-24 14:22:55
2813
1
原创 强缓存和协商缓存
强缓存不经过服务器,协商缓存需要经过服务器。协商缓存返回的状态码是304,两类缓存机制可以同时存在,强缓存的优先级高于协商缓存。当执行强缓存时,如果缓存命中,则直接使用缓存数据中的数据,不再进行协商缓存。
2022-11-23 16:00:21
1492
原创 前端面试---我理解的浏览器事件循环
前端面试—我理解的浏览器事件循环前言似乎从2018年开始,事件循环开始在前端面试流行起来,到现在事件循环已经算得上前端的基础面试题了。理解和学习事件循环已经不仅仅是程序员基础技能,也是必备面试题了。虽然事件循环不是“新事物”,网上相关文章也特别多,但是“一千个人眼中有一千个哈姆雷特”,每个人对其都有各自的理解。因此,我也把我理解的浏览器事件循环以及理解的过程记录下来。进程和线程在进入正文之前,我们需要先来复习一下基础知识:进程和线程。进程是资源分配的最基础单位,运行调度的基本单位,拥有自身独立的地址
2021-07-16 11:23:11
412
原创 # 简记---前端使用 WebSocket 接口
最近项目进入优化阶段,要求把之前的定时轮询(心跳)修改为 WebSocket。网上有很多 WebSocket协议 优秀的文章,从原理到请求头各个参数解读,但是前端详细的使用文章比较少。此篇笔记也主要是记录 WebSocket 接口的基本用法,不涉及太多原理。WebSocket协议 是什么WebSocket协议是一种在单个TCP连接上进行全双工通信的协议。它可以在用户的浏览器和服务器之间打开交互...
2019-11-05 11:14:46
3451
原创 React 生命周期钩子
概念—什么是生命周期钩子React官方文档中说到:在组件类上声明特殊的方法,当组件挂载或卸载时,来运行一些代码,这些方法被称作生命周期钩子。生命周期图解在官方文档给出的组件生命周期的图中,我们可以很清楚的认识到,一个React组件的生命周期主要分为3个阶段:创建时、更新时、卸载时。创建时阶段当组件处于初始化阶段时,依次调用:defaultProps(默认状态,一般用于如果父组件调用...
2019-03-18 11:59:04
303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人