问题描述:
本地启了两个服务:A(http://localhost:8001) B(http://localhost:8000),A 项目要怎么才能关联到 B 项目,也就是 A 项目请求怎么跳到 B 项目?
解决方法:
用一个代理软件,监听一个端口,把不同的 URL 转发给不同的后端。
1、用 nginx ,配置最方便。(暂时不会,先不展开叙述)
2、 webpack-dev-server。随便写一个 webpack 配置文件,不用干什么实际的活,在 dev-server 里配置一下 proxy,把不同的 URL 转发给相应的后端。
webpack.config.js 的最简配置:
module.exports = { devServer: { port: 8080, proxy: { '/copdlive': 'http://localhost:8001', // 转发给 B '/api': 'http://localhost:8001', // 转发给 B '/': 'http://localhost:8000', // 转发给 A } } }
webpack-dev-server 启动,启动时会报错(报找不到 src/ 目录),这个错可以忽略,我们不需要这个 webpack 编译打包什么东西,只需要它能转发请求就可以了