logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React+Ts+Vite 前端demo完成后加后端接口

本文介绍了一个看板应用的Node.js后端服务与前端改造方案。后端使用Node.js创建HTTP服务,提供REST API操作data.json文件进行数据持久化,支持看板分组和任务的增删改查、排序和跨分组移动等功能。前端从纯Zustand本地状态管理改造为异步调用后端API,新增了加载状态和错误处理,并通过Vite代理解决开发环境跨域问题。主要变更包括:1) 后端服务提供全套CRUD API;2

#前端#react.js#前端框架
React+Ts+Vite 为项目增加CI/CD

摘要:本文介绍了CI/CD的实施流程,分为持续集成(CI)和持续部署(CD)两部分。CI部分配置GitHub Actions在push/PR时自动执行代码检查、构建等步骤;CD部分配置自动部署到GitHub Pages,包括环境变量设置、路由适配等细节。实施步骤包括创建workflow文件、配置Vite构建参数、修改路由和API配置等。最后提到部署成功后接口访问问题将在下一篇解决。全文提供了完整的

#ci/cd#vue.js#前端
React+Ts+Vite CD配置后访问不到接口数据

摘要:本地开发时通过Node服务处理API请求并读写data.json文件,而GitHub Pages仅支持静态文件托管,导致线上访问/api/boards接口404。解决方案是将后端服务部署到Render等云平台:1)配置server端支持跨域和云环境变量;2)创建render.yaml和Dockerfile;3)通过Render Blueprint部署Node服务。部署成功后,修改前端VITE

#react.js#前端#前端框架
React + Ts + Vite加入工程化

本文介绍了看板项目引入的工程化改进方案,主要包含代码规范(Prettier+ESLint)、单元测试(Vitest)、Git工作流(Husky)、CI/CD增强等核心模块。这些改进解决了代码风格混乱、低级错误、坏代码上线等问题,使项目从个人demo升级为可协作状态。虽然带来了流程变严、学习成本增加等新问题,但通过lint-staged优化、测试覆盖补充等方式进行了平衡。当前方案适合小型项目,后续可

#react.js#前端#前端框架
到底了