三,express+webpack+react 搭建前后端分离项目(前后端如何进行请求交互)
2018-03-22 14:42
971 查看
嗯,,前后端分离后,前端怎么调用后端的请求呢?
后端不需要配置,只需要在前端稍微配置就可以。
npm install –save-dev http-proxy-middleware
app.js中加入:
ips.knowBase.ip ip地址
ips.knowBase.port 后端端口
所有符合 ‘/knowBase/*’格式的请求都会被转向后端端口请求。
后端不需要配置,只需要在前端稍微配置就可以。
npm install –save-dev http-proxy-middleware
app.js中加入:
const proxy = require('http-proxy-middleware'); const options = { target: "http://" + ips.knowBase.ip + ":" + ips.knowBase.port, changeOrigin: true, xfwd: true }; const newProxy = proxy( options ); app.use( '/knowBase/*', newProxy );
ips.knowBase.ip ip地址
ips.knowBase.port 后端端口
所有符合 ‘/knowBase/*’格式的请求都会被转向后端端口请求。
相关文章推荐
- express+webpack+react搭建项目
- 使用webpack和react搭建项目
- React项目配置6(前后端分离如何控制用户权限)
- 使用webpack搭建react项目 webpack-react-project
- 基于webpack4搭建的react项目框架的方法
- React-redux-webpack项目总结之reduce、action、store、components 是如何开车的
- 如何用IDEA从git上clone部署一个前后端分离的web项目
- 从零开始-使用React+Webpack+Nodejs+Express快速构建项目
- springBoot 搭建web项目(前后端分离,附项目源代码地址)
- 前后端分离之vue2.0+webpack2 实战项目 -- webpack介绍
- express+webpack+bootstrap项目搭建从0做起
- express:webpack dev-server开发中如何调用后端服务器的接口?
- 基于webpack的React项目搭建(一)
- nodejs - webpack - ReactJS - AntDesign 项目搭建环境并运用到thinkphp5框架代码中
- [React项目总结] 基于 webpack 搭建前端工程基础篇
- 在基于 create-react-app 的React项目中进行代码分片、按需加载(code splitting)/ 免webpack配置
- webpack搭建的vue-cli项目如何使用sass?
- webpack & react项目搭建一:环境
- 基于React+webpack的项目环境搭建
- 前后端分离的web项目,ajax跨域请求后端携带cookie