http-proxy-middleware手动配置代理解决跨域问题

基于官方脚手架搭建react单页应用程序

快速开始：

npx creat-react-app myApp
cd myApp
npm start

打开http://localhost:3000/ 查看你的应用
此时我们就可以在本地开始开发自己的项目了

问题来了:本地开发时如何解决前后端跨域问题？？

问题描述：本地开发项目时，调用后端接口遇到跨域问题:
例如本地http://localhost:3000
而后端接口地址为：http://dev-insurance.com/dw-insurance-api
此时需要解决跨域问题才能正常调用后端接口拿到数据，并展示在页面上。

解决：
手动配置代理

注意：此功能适用于 react-scripts@2.0.0 及更高版本。

1. 使用npm或者yarn 安装http-http-proxy-middleware

$ npm install http-proxy-middleware --save
$ # 或
$ yarn add http-proxy-middleware

2. 创建src/setupProxy.js，并将以下内容放入该文件中

const proxy = require('http-proxy-middleware');

module.exports = function(app) {