React开发实践(10)实战部分 上线流程及react 版本升级

简介: React开发实践(10)实战部分 上线流程及react 版本升级

1、上线流程

1、下载  XAMPP 在 Manage Servers 启动一个 Apache 服务器  会启动在 localhost:80端口
2、假设将 前端 模拟数据 拷贝过去 就是后端生成的数据
3、前端项目 yarn build 打包 
4、将 build 拿到 后端文件夹
5、完成
复制代码
  • 下载 XAMPPsourceforge.net/projects/xa…
  • localhost 如果是 80端口可以省略
  • 常规 PHP 写在 htdocs 下
  • 我们的 数据 都在 api 下 新建 api 文件夹
  • 将模拟数据 都放到 这个文件夹下
  • 然后 前端打包 出 build 文件
  • 粘贴到 此处

网络异常,图片无法展示
|

  • 完成 页面可看效果  localhost:80
  • 注意 XAMPP 可能会报错

看这篇 sourceforge.net/projects/xa…

2、react 版本升级

  • 不会对当前 产生影响
  • 进阶学习

3、完结

  • 持续学习
  • 完结


相关文章
|
前端开发 API 数据库
React Server Components 实战:解锁高效渲染新姿势
React Server Components 实战:解锁高效渲染新姿势
589 81
|
缓存 前端开发 安全
解锁下一代 React:Server Components 实战指南
解锁下一代 React:Server Components 实战指南
444 84
|
前端开发
React Hooks数据获取:避免内存泄漏的实战指南
React Hooks数据获取:避免内存泄漏的实战指南
|
人工智能 自然语言处理 前端开发
让AI学会"边做边想":ReAct的实战指南
还在为AI的「知其然不知其所以然」而烦恼?ReAct技术让AI不仅会思考,更会行动!通过模拟人类的思考-行动-观察循环,让AI从书呆子变身为真正的问题解决专家。几行代码就能构建智能Agent,告别AI幻觉,拥抱可追溯的推理过程!
1359 7
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
1143 0
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
429 0
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
363 0
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
365 0
|
前端开发 开发者
【第26期】一文读懂React组件编写方式
【第26期】一文读懂React组件编写方式
319 0
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
683 0