- 博客(20)
- 资源 (2)
- 收藏
- 关注
原创 webpack配置
以react为例,用自主配置webpack的方式或扩展或覆盖原来,项目中的功能。例如:使用@符号,更改打包目录,跨域设置、增加less支持、px转rem、ant-design按需加载、打包压缩js和css… 配置微前端子应用等等。
2023-08-03 10:36:17 165
原创 react 路由鉴权方案
以上几种方式,也可以根据实际情况结合使用!结合redux,后端,用于各类状态的判定。利用发布订阅者模式,将用户登录状态广播,路由中消费状态,选择跳转,实现路由鉴权。用浏览器存储 如localStorage保存登录状态,组合成组件,包裹路由。请求响应接口处,主要是用于提醒用户登录状态失效,路由鉴权用于跳转登录。2、访问其他页,无token,去登录页。1、访问登录页,有token,去主页。在渲染路由之前做一个拦截器,判断。
2023-06-13 21:41:24 411
原创 Nginx web应用服务器部署
配置Nginx:Nginx的配置文件在 /etc/nginx/nginx.conf 中,可以打开文件进行修改配置。其中,listen 表示监听的端口,server_name 表示域名,root 表示项目部署的路径,index 表示默认首页,location / 表示匹配所有请求。总之,前端项目的部署相对简单,只需要安装一个Web服务器,配置一下即可。当然,如果需要将前端和后端拆分部署,需要进行更复杂的配置。安装Nginx:可以在官网上下载对应版本的Nginx,然后按照官方文档进行安装。
2023-06-09 20:00:00 1993
原创 React项目升级为React+TypeScript项目指南
使用TypeScript的主要工作是在组件中定义prop和state的类型。将项目中的.js文件扩展名更改为.ts或.tsx。如果你使用的是create-react-app,它会自动将文件扩展名更改为.tsx。在组件中使用TypeScript。
2023-06-09 19:00:00 291
原创 ts中Utility type ->parmaeters Partial Omit的用法
ts中Utility type ->parmaeters Partial Omit的用法
2023-01-07 23:24:57 118
转载 JavaScript中如何重构代码
这篇文章主要介绍“JavaScript中如何重构代码”的相关知识,综合汇总,通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强。
2022-12-24 21:47:14 242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人