关于react项目与node后端共用80接口
来源:互联网 发布:网络用语蛤蟆啥意思 编辑:程序博客网 时间:2024/06/06 17:54
工作中因为某些原因需要后端api 必须使用80端口,或者为了美观..不使用nginx的情况下因为安全性,默认阻止跨域的话需要将前后端项目部署在同一server上。
react前端情况
使用browserHistory,使用webpack打包、redux、支持按需加载等特性。
规定除/api 路径外所有路径指向react
node后端情况
使用koa-router,若路径为/api 开头则调用后端api
实现方法
const router = require('koa-router')();const index = require('./routes/index');const api = require('./routes/api');// 优先级参照加载顺序router.use('/api', api.routes(), api.allowedMethods());router.use('*', index.routes(), index.allowedMethods());app.use(router.routes(), router.allowedMethods());
前后端完全分离,还是作为两个项目分开部署。例如:用webpack将生产环境前端代码生产到本项目/dist 路径下,后端koa 项目下只需要将./routes/index 所有路径无脑映射到前端项目/dist/index.html 就好了。
前后端项目还是分开部署,人员工作相互不影响,又可以共用80端。
0 0
- 关于react项目与node后端共用80接口
- node+react+ant 项目
- web 与 app 共用接口
- react-native与node.js后台项目(1)后台配置
- 接口测试【前段与后端】
- 接口测试【前段与后端】
- 某小公司RESTful、共用接口、前后端分离、接口约定的实践
- 某小公司RESTful、共用接口、前后端分离、接口约定的实践
- React Native 导出项目全局共用组件的模块
- react-native 与node.js项目(2)rn部分 控件传值
- React项目中Fetch无法向后端传递参数
- 关于Node.js后端架构的一点后知后觉
- 关于Node.js后端架构的一点后知后觉
- 关于Node.js后端架构的一点后知后觉
- 关于Node.js后端架构的一点后知后觉
- 笔记本eSATA与USB2.0接口共用插槽引脚定义
- Web开发 项目 前后端分离 接口域名地址 优化
- 后端平台--node.js
- 基础排序算法总结及实现
- list中add覆盖处理
- java实现分页技术详解
- 八皇后问题(递归)
- 奥威软件受邀长三角CIO高峰论坛 共探信息未来
- 关于react项目与node后端共用80接口
- 从JVM角度看为什么子类不能重写父类静态方法
- git分支的运用(种类和作用)
- jquery()函数可以接收四种类型的参数
- 每天一个 Linux 命令(57):ss命令
- Android中在Button控件上显示倒计时
- table标签
- 高速ADC时钟jitter对信噪比和有效位数的影响
- 蓝桥杯打印十字